diff --git a/404.html b/404.html
index 0a5348394e..4f8d5c9400 100644
--- a/404.html
+++ b/404.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="./css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="./css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1687453517" rel="stylesheet">
-    <link href="./css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1687453517" rel="stylesheet">
-    <link href="./css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1687453517" rel="stylesheet">
-    <script src="./js/url.js?1687453517"></script>
-    <script src="./js/variant.js?1687453517"></script>
+    <link href="./css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="./css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="./css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1690400159" rel="stylesheet">
+    <link href="./css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1690400159" rel="stylesheet">
+    <link href="./css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1690400159" rel="stylesheet">
+    <script src="./js/url.js?1690400159"></script>
+    <script src="./js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 ece6bab089..8f0429eff8 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1974,20 +1974,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400159" defer></script>
+        <script src="../../js/search.js?1690400159" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2049,23 +2049,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/changelog/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -2079,11 +2079,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -2106,12 +2115,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400159"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400159" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400159" defer></script>
+    <script src="../../js/theme.js?1690400159" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index e2133eb2d6..cf1515c161 100644
--- a/basics/changelog/index.print.html
+++ b/basics/changelog/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1234,8 +1234,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 6fe99501aa..0d06955934 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +232,10 @@
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-3c471e971a948b693dcda066a1cbe4b8" class="lightbox-link">
+<a href="#image-bfda28db6ffd6209dc54a53e0298524f" 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-3c471e971a948b693dcda066a1cbe4b8">
+<a href="javascript:history.back();" class="lightbox" id="image-bfda28db6ffd6209dc54a53e0298524f">
 <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>
@@ -284,10 +284,10 @@ default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-a839146eda431c4ff85a02e3454ce462" class="lightbox-link">
+<a href="#image-fb518300787402998be590079c8676c7" 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-a839146eda431c4ff85a02e3454ce462">
+<a href="javascript:history.back();" class="lightbox" id="image-fb518300787402998be590079c8676c7">
 <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>
 
@@ -368,20 +368,20 @@ default values:</p>
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -442,24 +442,24 @@ default values:</p>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/configuration/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/basics/configuration/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -473,11 +473,20 @@ default values:</p>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -500,12 +509,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 4bcd7ac9af..3b0edf2a21 100644
--- a/basics/configuration/index.print.html
+++ b/basics/configuration/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +188,10 @@
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-3c471e971a948b693dcda066a1cbe4b8" class="lightbox-link">
+<a href="#image-bfda28db6ffd6209dc54a53e0298524f" 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-3c471e971a948b693dcda066a1cbe4b8">
+<a href="javascript:history.back();" class="lightbox" id="image-bfda28db6ffd6209dc54a53e0298524f">
 <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>
@@ -240,10 +240,10 @@ default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-a839146eda431c4ff85a02e3454ce462" class="lightbox-link">
+<a href="#image-fb518300787402998be590079c8676c7" 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-a839146eda431c4ff85a02e3454ce462">
+<a href="javascript:history.back();" class="lightbox" id="image-fb518300787402998be590079c8676c7">
 <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>
 
@@ -255,8 +255,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 89d05ba059..daa6dbbf4f 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -280,20 +280,20 @@ If you have requirements to support IE and/or older browser versions, use one of
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -354,24 +354,24 @@ If you have requirements to support IE and/or older browser versions, use one of
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/customization/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/basics/customization/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -385,11 +385,20 @@ If you have requirements to support IE and/or older browser versions, use one of
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -412,12 +421,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index 01f7f30753..58545efcf6 100644
--- a/basics/customization/index.print.html
+++ b/basics/customization/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,8 +176,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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 3d83ea95fe..8ef37966f5 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-76d969ceacf30543a3ef33d0917d1068" aria-controls="expandcontent-76d969ceacf30543a3ef33d0917d1068" >
-    <label class="expand-label" for="expand-76d969ceacf30543a3ef33d0917d1068" >
+    <input type="checkbox" id="expand-02935a30de0913d19d2c73f0e48d07ae" aria-controls="expandcontent-02935a30de0913d19d2c73f0e48d07ae" >
+    <label class="expand-label" for="expand-02935a30de0913d19d2c73f0e48d07ae" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-76d969ceacf30543a3ef33d0917d1068" class="expand-content">
+    <div id="expandcontent-02935a30de0913d19d2c73f0e48d07ae" 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>
@@ -223,20 +223,20 @@ window.variants && variants.generator( '#vargenerator' );
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -297,24 +297,24 @@ window.variants && variants.generator( '#vargenerator' );
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/generator/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/basics/generator/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -328,11 +328,20 @@ window.variants && variants.generator( '#vargenerator' );
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -355,25 +364,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453518" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453518" defer></script>
-    <script src="../../js/mermaid.min.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400160" defer></script>
+    <script src="../../js/mermaid.min.js?1690400160" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 83ff5d46a8..fe8489d0a9 100644
--- a/basics/generator/index.print.html
+++ b/basics/generator/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-76d969ceacf30543a3ef33d0917d1068" aria-controls="expandcontent-76d969ceacf30543a3ef33d0917d1068" >
-    <label class="expand-label" for="expand-76d969ceacf30543a3ef33d0917d1068" >
+    <input type="checkbox" id="expand-02935a30de0913d19d2c73f0e48d07ae" aria-controls="expandcontent-02935a30de0913d19d2c73f0e48d07ae" >
+    <label class="expand-label" for="expand-02935a30de0913d19d2c73f0e48d07ae" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-76d969ceacf30543a3ef33d0917d1068" class="expand-content">
+    <div id="expandcontent-02935a30de0913d19d2c73f0e48d07ae" 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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../../js/mermaid.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="../../js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 43079461b8..cce57f49f6 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1980,20 +1980,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2054,24 +2054,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/history/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/basics/history/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -2085,11 +2085,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -2112,12 +2121,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index fa462e8720..de1eea0a58 100644
--- a/basics/history/index.print.html
+++ b/basics/history/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1240,8 +1240,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 50c9f34220..93b68b828e 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../js/url.js?1687453517"></script>
-    <script src="../js/variant.js?1687453517"></script>
+    <link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../js/url.js?1690400159"></script>
+    <script src="../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +170,20 @@
           </a>
         </div>
         <form action="../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../js/search.js?1687453518" defer></script>
+        <script src="../js/auto-complete.js?1690400160" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -244,24 +244,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/basics/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -275,11 +275,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -302,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?1687453518"></script>
+          <script async src="../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../js/theme.js?1687453518" defer></script>
+    <script src="../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 4a9cf19ef0..f5bafbe216 100644
--- a/basics/index.print.html
+++ b/basics/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../js/url.js?1687453519"></script>
-    <script src="../js/variant.js?1687453519"></script>
+    <link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../js/url.js?1690400161"></script>
+    <script src="../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -762,10 +762,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-c7ba6ee9065b86b7203c63249e689a04" class="lightbox-link">
+<a href="#image-80f8e694c704149bd51cfa26f3e3c1ce" 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-c7ba6ee9065b86b7203c63249e689a04">
+<a href="javascript:history.back();" class="lightbox" id="image-80f8e694c704149bd51cfa26f3e3c1ce">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -812,10 +812,10 @@
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9b581cce9d2100b2493483827ca7daec" class="lightbox-link">
+<a href="#image-721983ea4e8d8e42509d7872376216b8" 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-9b581cce9d2100b2493483827ca7daec">
+<a href="javascript:history.back();" class="lightbox" id="image-721983ea4e8d8e42509d7872376216b8">
 <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>
@@ -968,10 +968,10 @@
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-3c471e971a948b693dcda066a1cbe4b8" class="lightbox-link">
+<a href="#image-bfda28db6ffd6209dc54a53e0298524f" 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-3c471e971a948b693dcda066a1cbe4b8">
+<a href="javascript:history.back();" class="lightbox" id="image-bfda28db6ffd6209dc54a53e0298524f">
 <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>
@@ -1020,10 +1020,10 @@ default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-a839146eda431c4ff85a02e3454ce462" class="lightbox-link">
+<a href="#image-fb518300787402998be590079c8676c7" 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-a839146eda431c4ff85a02e3454ce462">
+<a href="javascript:history.back();" class="lightbox" id="image-fb518300787402998be590079c8676c7">
 <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>
 
@@ -1142,13 +1142,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-76d969ceacf30543a3ef33d0917d1068" aria-controls="expandcontent-76d969ceacf30543a3ef33d0917d1068" >
-    <label class="expand-label" for="expand-76d969ceacf30543a3ef33d0917d1068" >
+    <input type="checkbox" id="expand-02935a30de0913d19d2c73f0e48d07ae" aria-controls="expandcontent-02935a30de0913d19d2c73f0e48d07ae" >
+    <label class="expand-label" for="expand-02935a30de0913d19d2c73f0e48d07ae" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-76d969ceacf30543a3ef33d0917d1068" class="expand-content">
+    <div id="expandcontent-02935a30de0913d19d2c73f0e48d07ae" 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>
@@ -2369,21 +2369,21 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../js/mermaid.min.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="../js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 942f322b2f..9c18eaf958 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -142,10 +142,10 @@
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9b581cce9d2100b2493483827ca7daec" class="lightbox-link">
+<a href="#image-721983ea4e8d8e42509d7872376216b8" 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-9b581cce9d2100b2493483827ca7daec">
+<a href="javascript:history.back();" class="lightbox" id="image-721983ea4e8d8e42509d7872376216b8">
 <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>
@@ -253,20 +253,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -327,24 +327,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/installation/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/basics/installation/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -358,11 +358,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -385,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index acb5276b5c..5bff79989e 100644
--- a/basics/installation/index.print.html
+++ b/basics/installation/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9b581cce9d2100b2493483827ca7daec" class="lightbox-link">
+<a href="#image-721983ea4e8d8e42509d7872376216b8" 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-9b581cce9d2100b2493483827ca7daec">
+<a href="javascript:history.back();" class="lightbox" id="image-721983ea4e8d8e42509d7872376216b8">
 <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>
@@ -149,8 +149,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index c0552ad42b..5962344068 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -875,20 +875,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -949,24 +949,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/migration/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/basics/migration/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -980,11 +980,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -1007,12 +1016,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 2f4a31fef4..72503b1294 100644
--- a/basics/migration/index.print.html
+++ b/basics/migration/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -743,8 +743,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index b80ff02a64..33c711337e 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-c7ba6ee9065b86b7203c63249e689a04" class="lightbox-link">
+<a href="#image-80f8e694c704149bd51cfa26f3e3c1ce" 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-c7ba6ee9065b86b7203c63249e689a04">
+<a href="javascript:history.back();" class="lightbox" id="image-80f8e694c704149bd51cfa26f3e3c1ce">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -180,20 +180,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -254,24 +254,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/requirements/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/basics/requirements/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -285,11 +285,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -312,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 77eeae0e90..82d6dff490 100644
--- a/basics/requirements/index.print.html
+++ b/basics/requirements/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-c7ba6ee9065b86b7203c63249e689a04" class="lightbox-link">
+<a href="#image-80f8e694c704149bd51cfa26f3e3c1ce" 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-c7ba6ee9065b86b7203c63249e689a04">
+<a href="javascript:history.back();" class="lightbox" id="image-80f8e694c704149bd51cfa26f3e3c1ce">
 <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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index c1516ed044..0ac276407b 100644
--- a/categories/basic/index.html
+++ b/categories/basic/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/basic/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/categories/basic/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 6501658caf..0b96c56932 100644
--- a/categories/content/index.html
+++ b/categories/content/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/content/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/categories/content/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index 2619fba816..056edc9414 100644
--- a/categories/custom/index.html
+++ b/categories/custom/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/custom/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/categories/custom/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 2d4dd34e15..a848c95ec1 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../js/url.js?1687453517"></script>
-    <script src="../js/variant.js?1687453517"></script>
+    <link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../js/url.js?1690400159"></script>
+    <script src="../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +180,20 @@
           </a>
         </div>
         <form action="../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../js/search.js?1687453519" defer></script>
+        <script src="../js/auto-complete.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -254,24 +254,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/categories/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -285,11 +285,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -312,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?1687453519"></script>
+          <script async src="../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index ceb2be6d37..f25989041b 100644
--- a/categories/taxonomy/index.html
+++ b/categories/taxonomy/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/taxonomy/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/categories/taxonomy/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index 480cac40f2..951a9bb6ab 100644
--- a/categories/theming/index.html
+++ b/categories/theming/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -159,20 +159,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -233,24 +233,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/theming/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/categories/theming/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -264,11 +264,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -291,12 +300,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index ff7c0abfa0..f693d32b27 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-ae060cd72f921a20e4e031116ea9ad7a" class="lightbox-link">
+<a href="#image-e154f61f9f6edb384658d9615ea6236f" 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-ae060cd72f921a20e4e031116ea9ad7a">
+<a href="javascript:history.back();" class="lightbox" id="image-e154f61f9f6edb384658d9615ea6236f">
 <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>
@@ -137,10 +137,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-5402d2e57e550e1cee9b9fd35453b7c6" class="lightbox-link">
+<a href="#image-34c37708ff513ee9b6eb6425a3e25eda" 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-5402d2e57e550e1cee9b9fd35453b7c6">
+<a href="javascript:history.back();" class="lightbox" id="image-34c37708ff513ee9b6eb6425a3e25eda">
 <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>
@@ -156,10 +156,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-08850b0c0b4a6d35cb53e2b464146ce2" class="lightbox-link">
+<a href="#image-18ffb9eead82dfaa6e706d1e444f07f1" 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-08850b0c0b4a6d35cb53e2b464146ce2">
+<a href="javascript:history.back();" class="lightbox" id="image-18ffb9eead82dfaa6e706d1e444f07f1">
 <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>
@@ -282,20 +282,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -356,24 +356,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/archetypes/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/cont/archetypes/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -387,11 +387,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -414,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index 8c8bbb1c84..c6d7fcdfdd 100644
--- a/cont/archetypes/index.print.html
+++ b/cont/archetypes/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-ae060cd72f921a20e4e031116ea9ad7a" class="lightbox-link">
+<a href="#image-e154f61f9f6edb384658d9615ea6236f" 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-ae060cd72f921a20e4e031116ea9ad7a">
+<a href="javascript:history.back();" class="lightbox" id="image-e154f61f9f6edb384658d9615ea6236f">
 <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>
@@ -100,10 +100,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-5402d2e57e550e1cee9b9fd35453b7c6" class="lightbox-link">
+<a href="#image-34c37708ff513ee9b6eb6425a3e25eda" 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-5402d2e57e550e1cee9b9fd35453b7c6">
+<a href="javascript:history.back();" class="lightbox" id="image-34c37708ff513ee9b6eb6425a3e25eda">
 <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>
@@ -119,10 +119,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-08850b0c0b4a6d35cb53e2b464146ce2" class="lightbox-link">
+<a href="#image-18ffb9eead82dfaa6e706d1e444f07f1" 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-08850b0c0b4a6d35cb53e2b464146ce2">
+<a href="javascript:history.back();" class="lightbox" id="image-18ffb9eead82dfaa6e706d1e444f07f1">
 <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>
@@ -176,8 +176,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 3c2d3f078e..f8a1ca3270 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-0a5d828601c5d877422ba8e5d0b0688a" class="lightbox-link">
+<a href="#image-ccf2576ca1f941fb96f5330dbb4ce694" 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-0a5d828601c5d877422ba8e5d0b0688a">
+<a href="javascript:history.back();" class="lightbox" id="image-ccf2576ca1f941fb96f5330dbb4ce694">
 <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>
@@ -291,20 +291,20 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -365,24 +365,24 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/i18n/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/cont/i18n/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -396,11 +396,20 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -423,12 +432,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index 15e4b756ff..6c4a166d90 100644
--- a/cont/i18n/index.print.html
+++ b/cont/i18n/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-0a5d828601c5d877422ba8e5d0b0688a" class="lightbox-link">
+<a href="#image-ccf2576ca1f941fb96f5330dbb4ce694" 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-0a5d828601c5d877422ba8e5d0b0688a">
+<a href="javascript:history.back();" class="lightbox" id="image-ccf2576ca1f941fb96f5330dbb4ce694">
 <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>
@@ -190,8 +190,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 47e2a52f41..e4b8a2aa3b 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../js/url.js?1687453517"></script>
-    <script src="../js/variant.js?1687453517"></script>
+    <link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../js/url.js?1690400159"></script>
+    <script src="../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +170,20 @@
           </a>
         </div>
         <form action="../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../js/search.js?1687453518" defer></script>
+        <script src="../js/auto-complete.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -244,24 +244,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/cont/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -275,11 +275,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -302,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?1687453518"></script>
+          <script async src="../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../js/theme.js?1687453518" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 5054a254e2..7dda6cbffa 100644
--- a/cont/index.print.html
+++ b/cont/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../js/url.js?1687453519"></script>
-    <script src="../js/variant.js?1687453519"></script>
+    <link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../js/url.js?1690400161"></script>
+    <script src="../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -161,10 +161,10 @@
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
 		
-<a href="#image-f296ed82610880cd3e29c4916f0cacc6" class="lightbox-link">
+<a href="#image-c238f9402f6f0c8a7668581ab5c41ed4" 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-f296ed82610880cd3e29c4916f0cacc6">
+<a href="javascript:history.back();" class="lightbox" id="image-c238f9402f6f0c8a7668581ab5c41ed4">
 <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>
@@ -211,10 +211,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-ae060cd72f921a20e4e031116ea9ad7a" class="lightbox-link">
+<a href="#image-e154f61f9f6edb384658d9615ea6236f" 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-ae060cd72f921a20e4e031116ea9ad7a">
+<a href="javascript:history.back();" class="lightbox" id="image-e154f61f9f6edb384658d9615ea6236f">
 <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>
@@ -228,10 +228,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-5402d2e57e550e1cee9b9fd35453b7c6" class="lightbox-link">
+<a href="#image-34c37708ff513ee9b6eb6425a3e25eda" 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-5402d2e57e550e1cee9b9fd35453b7c6">
+<a href="javascript:history.back();" class="lightbox" id="image-34c37708ff513ee9b6eb6425a3e25eda">
 <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>
@@ -247,10 +247,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-08850b0c0b4a6d35cb53e2b464146ce2" class="lightbox-link">
+<a href="#image-18ffb9eead82dfaa6e706d1e444f07f1" 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-08850b0c0b4a6d35cb53e2b464146ce2">
+<a href="javascript:history.back();" class="lightbox" id="image-18ffb9eead82dfaa6e706d1e444f07f1">
 <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>
@@ -825,10 +825,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-1067795113e07068404a69eebbb09857" class="lightbox-link">
+<a href="#image-17db8751f82aef132713ad4be02c3960" 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-1067795113e07068404a69eebbb09857">
+<a href="javascript:history.back();" class="lightbox" id="image-17db8751f82aef132713ad4be02c3960">
 <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>
@@ -842,10 +842,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f138a1ad1f3c775bcd8c19ad141d5e59" class="lightbox-link">
+<a href="#image-5e4fd130796b031f2e2ed822823190de" 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-f138a1ad1f3c775bcd8c19ad141d5e59">
+<a href="javascript:history.back();" class="lightbox" id="image-5e4fd130796b031f2e2ed822823190de">
 <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>
@@ -861,10 +861,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-63e1953b2f774c63b5dd24bd7e3daf70" class="lightbox-link">
+<a href="#image-d71ad96588de9f1df7c3e9d2278a2088" 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-63e1953b2f774c63b5dd24bd7e3daf70">
+<a href="javascript:history.back();" class="lightbox" id="image-d71ad96588de9f1df7c3e9d2278a2088">
 <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>
@@ -880,10 +880,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a6fb5883a4ffb0fff463d6bb121f9e9f" class="lightbox-link">
+<a href="#image-9a3993dcf608fb164ef455ab40e6ffd8" 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-a6fb5883a4ffb0fff463d6bb121f9e9f">
+<a href="javascript:history.back();" class="lightbox" id="image-9a3993dcf608fb164ef455ab40e6ffd8">
 <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>
@@ -895,10 +895,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-dedda60f629954018d47d9b832fced3e" class="lightbox-link">
+<a href="#image-930799b54141786e9497da7067c10a94" 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-dedda60f629954018d47d9b832fced3e">
+<a href="javascript:history.back();" class="lightbox" id="image-930799b54141786e9497da7067c10a94">
 <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>
@@ -911,10 +911,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-e640a0bc07a31fa93a4102923f425ffb" class="lightbox-link">
+<a href="#image-0e599e93efb1cc7849375b43ba99e4ac" 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-e640a0bc07a31fa93a4102923f425ffb">
+<a href="javascript:history.back();" class="lightbox" id="image-0e599e93efb1cc7849375b43ba99e4ac">
 <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>
@@ -929,10 +929,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f8615c06b2395d646fafcb777d3189ec" class="lightbox-link">
+<a href="#image-0aa55a8c2069ec4669591546231dfa5b" 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-f8615c06b2395d646fafcb777d3189ec">
+<a href="javascript:history.back();" class="lightbox" id="image-0aa55a8c2069ec4669591546231dfa5b">
 <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>
@@ -945,10 +945,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-09bcb149a29704a13520f4c9496955fb" class="lightbox-link">
+<a href="#image-e451f24cc7c08994b39f2d758e9e0dfd" 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-09bcb149a29704a13520f4c9496955fb">
+<a href="javascript:history.back();" class="lightbox" id="image-e451f24cc7c08994b39f2d758e9e0dfd">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -961,10 +961,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-5549950492bfda8342d346c5c34a232f" class="lightbox-link">
+<a href="#image-075e6ab16c62d8c7753a47695d1bb47b" 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-5549950492bfda8342d346c5c34a232f">
+<a href="javascript:history.back();" class="lightbox" id="image-075e6ab16c62d8c7753a47695d1bb47b">
 <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>
@@ -977,10 +977,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-64311d67dd291e137a16be1f6941879b" class="lightbox-link">
+<a href="#image-404104e21242ffd5f8079808ff416d7d" 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-64311d67dd291e137a16be1f6941879b">
+<a href="javascript:history.back();" class="lightbox" id="image-404104e21242ffd5f8079808ff416d7d">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -996,34 +996,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-cb6036b5ca653c6c513d3a588924e0f6" class="lightbox-link">
+<a href="#image-d7c5f3780ae7b03a7aec7dc5afa626c8" 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-cb6036b5ca653c6c513d3a588924e0f6">
+<a href="javascript:history.back();" class="lightbox" id="image-d7c5f3780ae7b03a7aec7dc5afa626c8">
 <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-5454165b26f5665af7d3ae5d0dfe2a78" class="lightbox-link">
+<a href="#image-d90bb58b8a901c2c2c1441bff0a8b14d" 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-5454165b26f5665af7d3ae5d0dfe2a78">
+<a href="javascript:history.back();" class="lightbox" id="image-d90bb58b8a901c2c2c1441bff0a8b14d">
 <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-b68c757667efeae3e0ee682ce0d7311a" class="lightbox-link">
+<a href="#image-497e7e0303078954308ea18c336e2c79" 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-b68c757667efeae3e0ee682ce0d7311a">
+<a href="javascript:history.back();" class="lightbox" id="image-497e7e0303078954308ea18c336e2c79">
 <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-a3fabbda1bf20019351230cc1b049f53" class="lightbox-link">
+<a href="#image-dddb411d6824b3081d9a37f282859f1c" 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-a3fabbda1bf20019351230cc1b049f53">
+<a href="javascript:history.back();" class="lightbox" id="image-dddb411d6824b3081d9a37f282859f1c">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1036,10 +1036,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-746d583ffadec62780b7c20c140e27c6" class="lightbox-link">
+<a href="#image-280eccd93a24c2f0bdf3f4d36db0a544" 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-746d583ffadec62780b7c20c140e27c6">
+<a href="javascript:history.back();" class="lightbox" id="image-280eccd93a24c2f0bdf3f4d36db0a544">
 <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>
@@ -1208,10 +1208,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-0a5d828601c5d877422ba8e5d0b0688a" class="lightbox-link">
+<a href="#image-ccf2576ca1f941fb96f5330dbb4ce694" 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-0a5d828601c5d877422ba8e5d0b0688a">
+<a href="javascript:history.back();" class="lightbox" id="image-ccf2576ca1f941fb96f5330dbb4ce694">
 <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>
@@ -1350,8 +1350,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 8fa503ce53..3128542dc6 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -668,10 +668,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-1067795113e07068404a69eebbb09857" class="lightbox-link">
+<a href="#image-17db8751f82aef132713ad4be02c3960" 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-1067795113e07068404a69eebbb09857">
+<a href="javascript:history.back();" class="lightbox" id="image-17db8751f82aef132713ad4be02c3960">
 <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>
@@ -685,10 +685,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f138a1ad1f3c775bcd8c19ad141d5e59" class="lightbox-link">
+<a href="#image-5e4fd130796b031f2e2ed822823190de" 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-f138a1ad1f3c775bcd8c19ad141d5e59">
+<a href="javascript:history.back();" class="lightbox" id="image-5e4fd130796b031f2e2ed822823190de">
 <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>
@@ -704,10 +704,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-63e1953b2f774c63b5dd24bd7e3daf70" class="lightbox-link">
+<a href="#image-d71ad96588de9f1df7c3e9d2278a2088" 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-63e1953b2f774c63b5dd24bd7e3daf70">
+<a href="javascript:history.back();" class="lightbox" id="image-d71ad96588de9f1df7c3e9d2278a2088">
 <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>
@@ -723,10 +723,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a6fb5883a4ffb0fff463d6bb121f9e9f" class="lightbox-link">
+<a href="#image-9a3993dcf608fb164ef455ab40e6ffd8" 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-a6fb5883a4ffb0fff463d6bb121f9e9f">
+<a href="javascript:history.back();" class="lightbox" id="image-9a3993dcf608fb164ef455ab40e6ffd8">
 <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>
@@ -738,10 +738,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-dedda60f629954018d47d9b832fced3e" class="lightbox-link">
+<a href="#image-930799b54141786e9497da7067c10a94" 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-dedda60f629954018d47d9b832fced3e">
+<a href="javascript:history.back();" class="lightbox" id="image-930799b54141786e9497da7067c10a94">
 <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>
@@ -754,10 +754,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-e640a0bc07a31fa93a4102923f425ffb" class="lightbox-link">
+<a href="#image-0e599e93efb1cc7849375b43ba99e4ac" 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-e640a0bc07a31fa93a4102923f425ffb">
+<a href="javascript:history.back();" class="lightbox" id="image-0e599e93efb1cc7849375b43ba99e4ac">
 <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>
@@ -772,10 +772,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f8615c06b2395d646fafcb777d3189ec" class="lightbox-link">
+<a href="#image-0aa55a8c2069ec4669591546231dfa5b" 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-f8615c06b2395d646fafcb777d3189ec">
+<a href="javascript:history.back();" class="lightbox" id="image-0aa55a8c2069ec4669591546231dfa5b">
 <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>
@@ -788,10 +788,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-09bcb149a29704a13520f4c9496955fb" class="lightbox-link">
+<a href="#image-e451f24cc7c08994b39f2d758e9e0dfd" 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-09bcb149a29704a13520f4c9496955fb">
+<a href="javascript:history.back();" class="lightbox" id="image-e451f24cc7c08994b39f2d758e9e0dfd">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -804,10 +804,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-5549950492bfda8342d346c5c34a232f" class="lightbox-link">
+<a href="#image-075e6ab16c62d8c7753a47695d1bb47b" 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-5549950492bfda8342d346c5c34a232f">
+<a href="javascript:history.back();" class="lightbox" id="image-075e6ab16c62d8c7753a47695d1bb47b">
 <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>
@@ -820,10 +820,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-64311d67dd291e137a16be1f6941879b" class="lightbox-link">
+<a href="#image-404104e21242ffd5f8079808ff416d7d" 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-64311d67dd291e137a16be1f6941879b">
+<a href="javascript:history.back();" class="lightbox" id="image-404104e21242ffd5f8079808ff416d7d">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -839,34 +839,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-cb6036b5ca653c6c513d3a588924e0f6" class="lightbox-link">
+<a href="#image-d7c5f3780ae7b03a7aec7dc5afa626c8" 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-cb6036b5ca653c6c513d3a588924e0f6">
+<a href="javascript:history.back();" class="lightbox" id="image-d7c5f3780ae7b03a7aec7dc5afa626c8">
 <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-5454165b26f5665af7d3ae5d0dfe2a78" class="lightbox-link">
+<a href="#image-d90bb58b8a901c2c2c1441bff0a8b14d" 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-5454165b26f5665af7d3ae5d0dfe2a78">
+<a href="javascript:history.back();" class="lightbox" id="image-d90bb58b8a901c2c2c1441bff0a8b14d">
 <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-b68c757667efeae3e0ee682ce0d7311a" class="lightbox-link">
+<a href="#image-497e7e0303078954308ea18c336e2c79" 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-b68c757667efeae3e0ee682ce0d7311a">
+<a href="javascript:history.back();" class="lightbox" id="image-497e7e0303078954308ea18c336e2c79">
 <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-a3fabbda1bf20019351230cc1b049f53" class="lightbox-link">
+<a href="#image-dddb411d6824b3081d9a37f282859f1c" 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-a3fabbda1bf20019351230cc1b049f53">
+<a href="javascript:history.back();" class="lightbox" id="image-dddb411d6824b3081d9a37f282859f1c">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -879,10 +879,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-746d583ffadec62780b7c20c140e27c6" class="lightbox-link">
+<a href="#image-280eccd93a24c2f0bdf3f4d36db0a544" 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-746d583ffadec62780b7c20c140e27c6">
+<a href="javascript:history.back();" class="lightbox" id="image-280eccd93a24c2f0bdf3f4d36db0a544">
 <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>
@@ -977,20 +977,20 @@ line 3 of code
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400159" defer></script>
+        <script src="../../js/search.js?1690400159" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1051,24 +1051,24 @@ line 3 of code
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/markdown/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/cont/markdown/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -1082,11 +1082,20 @@ line 3 of code
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -1109,12 +1118,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400159"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400159" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400159" defer></script>
+    <script src="../../js/theme.js?1690400159" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index e2d963a3c4..8af0ab60c6 100644
--- a/cont/markdown/index.print.html
+++ b/cont/markdown/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -595,10 +595,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-1067795113e07068404a69eebbb09857" class="lightbox-link">
+<a href="#image-17db8751f82aef132713ad4be02c3960" 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-1067795113e07068404a69eebbb09857">
+<a href="javascript:history.back();" class="lightbox" id="image-17db8751f82aef132713ad4be02c3960">
 <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>
@@ -612,10 +612,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f138a1ad1f3c775bcd8c19ad141d5e59" class="lightbox-link">
+<a href="#image-5e4fd130796b031f2e2ed822823190de" 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-f138a1ad1f3c775bcd8c19ad141d5e59">
+<a href="javascript:history.back();" class="lightbox" id="image-5e4fd130796b031f2e2ed822823190de">
 <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>
@@ -631,10 +631,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-63e1953b2f774c63b5dd24bd7e3daf70" class="lightbox-link">
+<a href="#image-d71ad96588de9f1df7c3e9d2278a2088" 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-63e1953b2f774c63b5dd24bd7e3daf70">
+<a href="javascript:history.back();" class="lightbox" id="image-d71ad96588de9f1df7c3e9d2278a2088">
 <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>
@@ -650,10 +650,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a6fb5883a4ffb0fff463d6bb121f9e9f" class="lightbox-link">
+<a href="#image-9a3993dcf608fb164ef455ab40e6ffd8" 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-a6fb5883a4ffb0fff463d6bb121f9e9f">
+<a href="javascript:history.back();" class="lightbox" id="image-9a3993dcf608fb164ef455ab40e6ffd8">
 <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>
@@ -665,10 +665,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-dedda60f629954018d47d9b832fced3e" class="lightbox-link">
+<a href="#image-930799b54141786e9497da7067c10a94" 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-dedda60f629954018d47d9b832fced3e">
+<a href="javascript:history.back();" class="lightbox" id="image-930799b54141786e9497da7067c10a94">
 <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>
@@ -681,10 +681,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-e640a0bc07a31fa93a4102923f425ffb" class="lightbox-link">
+<a href="#image-0e599e93efb1cc7849375b43ba99e4ac" 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-e640a0bc07a31fa93a4102923f425ffb">
+<a href="javascript:history.back();" class="lightbox" id="image-0e599e93efb1cc7849375b43ba99e4ac">
 <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>
@@ -699,10 +699,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f8615c06b2395d646fafcb777d3189ec" class="lightbox-link">
+<a href="#image-0aa55a8c2069ec4669591546231dfa5b" 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-f8615c06b2395d646fafcb777d3189ec">
+<a href="javascript:history.back();" class="lightbox" id="image-0aa55a8c2069ec4669591546231dfa5b">
 <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>
@@ -715,10 +715,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-09bcb149a29704a13520f4c9496955fb" class="lightbox-link">
+<a href="#image-e451f24cc7c08994b39f2d758e9e0dfd" 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-09bcb149a29704a13520f4c9496955fb">
+<a href="javascript:history.back();" class="lightbox" id="image-e451f24cc7c08994b39f2d758e9e0dfd">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -731,10 +731,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-5549950492bfda8342d346c5c34a232f" class="lightbox-link">
+<a href="#image-075e6ab16c62d8c7753a47695d1bb47b" 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-5549950492bfda8342d346c5c34a232f">
+<a href="javascript:history.back();" class="lightbox" id="image-075e6ab16c62d8c7753a47695d1bb47b">
 <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>
@@ -747,10 +747,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-64311d67dd291e137a16be1f6941879b" class="lightbox-link">
+<a href="#image-404104e21242ffd5f8079808ff416d7d" 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-64311d67dd291e137a16be1f6941879b">
+<a href="javascript:history.back();" class="lightbox" id="image-404104e21242ffd5f8079808ff416d7d">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -766,34 +766,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-cb6036b5ca653c6c513d3a588924e0f6" class="lightbox-link">
+<a href="#image-d7c5f3780ae7b03a7aec7dc5afa626c8" 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-cb6036b5ca653c6c513d3a588924e0f6">
+<a href="javascript:history.back();" class="lightbox" id="image-d7c5f3780ae7b03a7aec7dc5afa626c8">
 <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-5454165b26f5665af7d3ae5d0dfe2a78" class="lightbox-link">
+<a href="#image-d90bb58b8a901c2c2c1441bff0a8b14d" 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-5454165b26f5665af7d3ae5d0dfe2a78">
+<a href="javascript:history.back();" class="lightbox" id="image-d90bb58b8a901c2c2c1441bff0a8b14d">
 <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-b68c757667efeae3e0ee682ce0d7311a" class="lightbox-link">
+<a href="#image-497e7e0303078954308ea18c336e2c79" 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-b68c757667efeae3e0ee682ce0d7311a">
+<a href="javascript:history.back();" class="lightbox" id="image-497e7e0303078954308ea18c336e2c79">
 <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-a3fabbda1bf20019351230cc1b049f53" class="lightbox-link">
+<a href="#image-dddb411d6824b3081d9a37f282859f1c" 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-a3fabbda1bf20019351230cc1b049f53">
+<a href="javascript:history.back();" class="lightbox" id="image-dddb411d6824b3081d9a37f282859f1c">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -806,10 +806,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-746d583ffadec62780b7c20c140e27c6" class="lightbox-link">
+<a href="#image-280eccd93a24c2f0bdf3f4d36db0a544" 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-746d583ffadec62780b7c20c140e27c6">
+<a href="javascript:history.back();" class="lightbox" id="image-280eccd93a24c2f0bdf3f4d36db0a544">
 <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>
@@ -835,8 +835,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 6abc3bfe80..f7437fc3c4 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -302,20 +302,20 @@ However, if you want to keep the title but change its value, it can be overridde
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400159" defer></script>
+        <script src="../../js/search.js?1690400159" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -376,24 +376,24 @@ However, if you want to keep the title but change its value, it can be overridde
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/menushortcuts/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/cont/menushortcuts/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -407,11 +407,20 @@ However, if you want to keep the title but change its value, it can be overridde
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -434,12 +443,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400159"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400159" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400159" defer></script>
+    <script src="../../js/theme.js?1690400159" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index c360ddec7c..f1d7c2e7d4 100644
--- a/cont/menushortcuts/index.print.html
+++ b/cont/menushortcuts/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,8 +206,8 @@ However, if you want to keep the title but change its value, it can be overridde
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 75483b1296..f52de6d6e9 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +181,10 @@
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
 		
-<a href="#image-f296ed82610880cd3e29c4916f0cacc6" class="lightbox-link">
+<a href="#image-c238f9402f6f0c8a7668581ab5c41ed4" 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-f296ed82610880cd3e29c4916f0cacc6">
+<a href="javascript:history.back();" class="lightbox" id="image-c238f9402f6f0c8a7668581ab5c41ed4">
 <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>
@@ -291,20 +291,20 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -365,24 +365,24 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/pages/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/cont/pages/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -396,11 +396,20 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -423,12 +432,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index 6fba0a0673..882bebe73a 100644
--- a/cont/pages/index.print.html
+++ b/cont/pages/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -147,10 +147,10 @@
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
 		
-<a href="#image-f296ed82610880cd3e29c4916f0cacc6" class="lightbox-link">
+<a href="#image-c238f9402f6f0c8a7668581ab5c41ed4" 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-f296ed82610880cd3e29c4916f0cacc6">
+<a href="javascript:history.back();" class="lightbox" id="image-c238f9402f6f0c8a7668581ab5c41ed4">
 <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>
@@ -188,8 +188,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 0653155672..756b49a98b 100644
--- a/cont/taxonomy/index.html
+++ b/cont/taxonomy/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,20 +206,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400159" defer></script>
+        <script src="../../js/search.js?1690400159" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -280,24 +280,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/taxonomy/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/cont/taxonomy/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -311,11 +311,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -338,12 +347,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400159"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400159" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400159" defer></script>
+    <script src="../../js/theme.js?1690400159" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index c9e97cd608..ffb36c54da 100644
--- a/cont/taxonomy/index.print.html
+++ b/cont/taxonomy/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/css/format-print.css b/css/format-print.css
index 538d03321d..ed964431e3 100644
--- a/css/format-print.css
+++ b/css/format-print.css
@@ -147,7 +147,9 @@ mark {
     background: inherit;
     color: inherit;
 }
-.mermaid > svg:hover {
+.mermaid > svg:hover,
+.mermaid > svg:active,
+.mermaid > svg:focus {
     border-color: transparent;
 }
 div.box > .box-content {
diff --git a/css/ie.css b/css/ie.css
index de376936a1..231ec55590 100644
--- a/css/ie.css
+++ b/css/ie.css
@@ -21,7 +21,7 @@
 	.searchbox > :first-child {
 		left: .5rem;
 	}
-	.searchbox span {
+	.searchbox > :last-child {
 		right: .5rem;
 	}
 	.searchbox input {
@@ -155,11 +155,11 @@
 	.anchor {
 		margin-left: .66em;
 	}
-	html[dir="rtl"] .select-container i,
-	html[dir="rtl"] .select-container span {
+	html[dir="rtl"] .menu-control i,
+	html[dir="rtl"] .menu-control span {
 		float: left;
 	}
-	.footerVisitedLinks > * {
+	.menu-control > button {
 		text-align: left;
 	}
 	.searchform input {
@@ -214,19 +214,16 @@
 		font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
 	}
 
-	.footerVisitedLinks > *,
 	a,
 	.anchor,
 	#toc-menu,
-	#body a.highlight:after,
 	#searchresults .autocomplete-suggestion {
 		color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
 	}
 
 	a:hover,
 	.anchor:hover,
-	#toc-menu:hover,
-	#body a.highlight:hover:after {
+	#toc-menu:hover {
 		color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
 	}
 
@@ -253,8 +250,7 @@
 	}
 
 	#sidebar .searchbox > :first-child,
-	#sidebar .searchbox button,
-	.searchbox span {
+	#sidebar .searchbox > :last-child {
 		color: rgba( 224, 224, 224, 1 ); /* var(--INTERNAL-MENU-SEARCH-color) */
 	}
 
@@ -264,20 +260,23 @@
 	}
 
 	#sidebar .collapsible-menu label,
-	#sidebar .select-container,
-	#sidebar a,
-	#sidebar button {
+	#sidebar .menu-control,
+	#sidebar a {
 		color: rgba( 186, 186, 186, 1 ); /* var(--MENU-SECTIONS-LINK-color) */
 	}
 
 	#sidebar select:hover,
 	#sidebar .collapsible-menu li:not(.active) > label:hover,
-	#sidebar .select-container:hover,
-	#sidebar a:hover,
-	#sidebar button:hover {
+	#sidebar .menu-control:hover,
+	#sidebar a:hover {
 		color: rgba( 255, 255, 255, 1 ); /* var(--MENU-SECTIONS-LINK-HOVER-color) */
 	}
 
+	#sidebar .menu-control button,
+	#sidebar .menu-control select{
+		outline-color: rgba( 255, 255, 255, 1 ); /* var(--MENU-SECTIONS-LINK-HOVER-color) */
+	}
+
 	#sidebar ul.enlarge > li.parent,
 	#sidebar ul.enlarge > li.active {
 		background-color: rgba( 0, 0, 0, .166 ); /* var(--MENU-SECTIONS-ACTIVE-BG-color) */
@@ -322,6 +321,11 @@
 		font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
 	}
 
+	.expand > input:active,
+	.expand > input:focus {
+		outline-color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) */
+	}
+
 	.expand > label {
 		color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
 	}
@@ -330,10 +334,6 @@
 		color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
 	}
 
-	.expand > label:after {
-		color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
-	}
-
 	div.box {
 		background-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
 		border-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
@@ -551,14 +551,6 @@
 		color: rgba( 128, 128, 128, 1 ) /* var(--MENU-HOME-LINK-HOVER-color) */;
 	}
 
-	#body a.highlight:after {
-		background-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
-	}
-
-	#body a.highlight:hover:after {
-		background-color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
-	}
-
 	.progress {
 		background-color: rgba( 255, 255, 255, 1 ); /* var(--MAIN-BG-color) */
 	}
@@ -573,8 +565,8 @@
 	}
 
 	.btn > *:hover,
-	.btn > *:focus,
-	.btn > *:active {
+	.btn > *:active,
+	.btn > *:focus {
 		background-color: rgba( 255, 255, 255, .833 ); /* var(--BOX-BG-color) */
 		color: rgba( 16, 16, 16, 1 ); /* var(--BOX-NEUTRAL-TEXT-color) */
 	}
@@ -838,7 +830,7 @@
         display: block;
     }
 
-	.select-style select::-ms-expand {
+	.menu-control select::-ms-expand {
 		/* hide the triangle */
 		display: none;
 	}
diff --git a/css/nucleus.css b/css/nucleus.css
index 668effaa20..b51fa33d6d 100644
--- a/css/nucleus.css
+++ b/css/nucleus.css
@@ -55,10 +55,6 @@ a {
   background: transparent;
   text-decoration: none; }
 
-a:active,
-a:hover {
-  outline: 0; }
-
 abbr[title] {
   border-bottom: 1px dotted; }
 
diff --git a/css/theme-neon.css b/css/theme-neon.css
index 35d04bd081..9051a8c321 100644
--- a/css/theme-neon.css
+++ b/css/theme-neon.css
@@ -161,8 +161,7 @@ body h6 {
     color: rgba( 255, 255, 255, 1 ) !important;
 }
 
-body #sidebar .searchbox button:hover,
-body .searchbox span:hover {
+body #sidebar .searchbox button:hover{
     color: rgba( 255, 255, 255, 1 );
     text-shadow:
         0 0  1px rgba( 255, 255, 255, 1 ),
@@ -174,9 +173,8 @@ body .searchbox span:hover {
 
 body #sidebar select:hover,
 body #sidebar .collapsible-menu li:not(.active) > label:hover,
-body #sidebar .select-container:hover,
-body #sidebar a:hover,
-body #sidebar button:hover {
+body #sidebar .menu-control:hover,
+body #sidebar a:hover {
     color: rgba( 255, 255, 255, 1 );
     text-shadow:
         0 0  1px rgba( 255, 255, 255, 1 ),
@@ -255,8 +253,8 @@ body .btn.cstyle.transparent > * {
 }
 
 body .btn.cstyle.transparent > *:hover,
-body .btn.cstyle.transparent > *:focus,
-body .btn.cstyle.transparent > *:active {
+body .btn.cstyle.transparent > *:active,
+body .btn.cstyle.transparent > *:focus {
     background-color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
     color: var(--INTERNAL-MAIN-TEXT-color);
 }
diff --git a/css/theme.css b/css/theme.css
index 75beaa520f..97b4a0ae04 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -151,6 +151,10 @@ dd {
     width: 18.75rem;
 }
 
+#sidebar a{
+    text-decoration: none;
+}
+
 #header-wrapper {
     border-bottom-style: solid;
     border-bottom-width: 4px;
@@ -186,24 +190,20 @@ dd {
 }
 
 .searchbox > i {
-    top: .5rem;
+    top: .45rem;
 }
 
-.searchbox span {
-    cursor: pointer;
+.searchbox > :last-child {
     inset-inline-end: .5rem;
     position: absolute;
-    top: .25rem;
 }
 
 #sidebar .searchbox > :first-child,
-#sidebar .searchbox button,
-.searchbox span {
+#sidebar .searchbox > :last-child{
     opacity: .65;
 }
 
-#sidebar .searchbox button:hover,
-.searchbox span:hover {
+#sidebar .searchbox button:hover {
     opacity: 1;
 }
 
@@ -355,6 +355,22 @@ dd {
     }
 }
 
+.links a:hover,
+.links a:active,
+.links a:focus,
+.links a:hover *,
+.links a:active *,
+.links a:focus *,
+.toc-wrapper a:hover,
+.toc-wrapper a:active,
+.toc-wrapper a:focus,
+article a:hover,
+article a:active,
+article a:focus {
+    outline: none;
+    text-decoration: underline;
+}
+
 #body-inner:focus-visible{
     /* remove focus indicator for programatically set focus */
     outline: none;
@@ -1185,16 +1201,10 @@ option {
     position: absolute;
 }
 
-.expand > label:after {
-    content: "";
-    display: block;
-    height: 1px;
-    width: 0%;
-    transition: width 0.5s ease;
-}
-
-.expand > label:hover:after {
-    width: 100%;
+.expand > input:active + label,
+.expand > input:focus + label,
+.expand > label:hover {
+    text-decoration: underline;
 }
 
 .expand > label > .fas {
@@ -1298,38 +1308,6 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
     display: block;
 }
 
-#body a.highlight,
-#body a.highlight:hover,
-#body a.highlight:focus {
-    outline-style: none;
-    text-decoration: none;
-}
-
-#body a.highlight {
-    display: inline-block;
-    line-height: 1.1;
-}
-
-#body a.highlight:after {
-    content: "";
-    display: block;
-    height: 1px;
-    width: 0%;
-    transition: width 0.5s ease;
-}
-
-#body a.highlight:hover:after,
-#body a.highlight:focus:after {
-    width: 100%;
-}
-
-#body #topbar .navigation a.highlight:after,
-#body #sidebar-toggle-span a.highlight:after,
-#body #top-print-link a.highlight:after,
-#body #top-github-link a.highlight:after {
-    background-color: transparent;
-}
-
 /* Table of contents */
 
 .toc-flyout #toc-overlay{
@@ -1397,6 +1375,10 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
     user-select: none;
 }
 
+.btn > a {
+    display: block;
+}
+
 .btn > :where(button) {
     -webkit-appearance: none;
     appearance: none;
@@ -1433,6 +1415,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
 }
 
 .btn > *:hover,
+.btn > *:active,
 .btn > *:focus {
     text-decoration: none;
 }
@@ -1484,57 +1467,64 @@ h6 a {
     margin-top: 1rem;
 }
 
-.select-container i {
-    padding-top: .25em;
-}
-
-.select-container i,
-.select-container span {
-    display: block;
-    float: left;
-}
-html[dir="rtl"] .select-container i,
-html[dir="rtl"] .select-container span {
-    float: right;
-}
-
-#sidebar ul select {
-    padding-left: 0;
-    padding-right: 0;
-}
-
-.select-style {
+.menu-control .control-style {
     border: 0;
     border-radius: 0;
+    cursor: pointer;
     height: 1.574em;
     overflow: hidden;
 }
 
-.select-style select {
-    -webkit-appearance: none;
-    appearance: none;
-    border: none;
-    box-shadow: none;
-    background-color: transparent;
-    background-image: none;
-    width: 100%;
+.menu-control i {
+    padding-top: .25em;
 }
 
-.select-style select:focus {
-    outline: none;
+.menu-control i,
+.menu-control span {
+    cursor: pointer;
+    display: block;
+    float: left;
+}
+html[dir="rtl"] .menu-control i,
+html[dir="rtl"] .menu-control span {
+    float: right;
 }
 
-.select-style :hover {
+.menu-control :hover,
+.menu-control i:hover,
+.menu-control span:hover {
     cursor: pointer;
 }
 
-.select-style option {
+.menu-control select,
+.menu-control button {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 100%;
+}
+.menu-control select {
+    background-color: transparent;
+    background-image: none;
+    border: none;
+    box-shadow: none;
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.menu-control option {
     color: rgba( 0, 0, 0, 1 );
     padding: 0;
     margin: 0;
 }
 
-.select-clear {
+.menu-control button {
+    background-color: transparent;
+	cursor: pointer;
+    display: block;
+    text-align: start;
+}
+
+.clear {
     clear: both;
 }
 
@@ -1552,16 +1542,6 @@ html[dir="rtl"] .select-container span {
     display: initial;
 }
 
-.footerVisitedLinks > * {
-    -webkit-appearance: none;
-    appearance: none;
-    background: transparent;
-	cursor: pointer;
-    text-align: start;
-    text-decoration: none;
-    width: 100%;
-}
-
 @media screen and (max-width: 48rem) {
     #breadcrumbs .links {
         display: none;
diff --git a/css/variant.css b/css/variant.css
index d3542a346a..a6c6a84b7b 100644
--- a/css/variant.css
+++ b/css/variant.css
@@ -10,19 +10,16 @@ body {
     font-family: var(--INTERNAL-MAIN-font);
 }
 
-.footerVisitedLinks > *,
 a,
 .anchor,
 #toc-menu,
-#body a.highlight:after,
 #searchresults .autocomplete-suggestion {
     color: var(--INTERNAL-MAIN-LINK-color);
 }
 
 a:hover,
 .anchor:hover,
-#toc-menu:hover,
-#body a.highlight:hover:after {
+#toc-menu:hover {
     color: var(--INTERNAL-MAIN-LINK-HOVER-color);
 }
 
@@ -42,8 +39,7 @@ a:hover,
 }
 
 #sidebar .searchbox > :first-child,
-#sidebar .searchbox button,
-.searchbox span {
+#sidebar .searchbox > :last-child {
     color: var(--INTERNAL-MENU-SEARCH-color);
 }
 
@@ -53,20 +49,23 @@ a:hover,
 }
 
 #sidebar .collapsible-menu label,
-#sidebar .select-container,
-#sidebar a,
-#sidebar button {
+#sidebar .menu-control,
+#sidebar a {
     color: var(--INTERNAL-MENU-SECTIONS-LINK-color);
 }
 
 #sidebar select:hover,
 #sidebar .collapsible-menu li:not(.active) > label:hover,
-#sidebar .select-container:hover,
-#sidebar a:hover,
-#sidebar button:hover {
+#sidebar .menu-control:hover,
+#sidebar a:hover {
     color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
 }
 
+#sidebar .menu-control button,
+#sidebar .menu-control select{
+    outline-color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
+}
+
 #sidebar ul.enlarge > li.parent,
 #sidebar ul.enlarge > li.active {
     background-color: var(--INTERNAL-MENU-SECTIONS-ACTIVE-BG-color);
@@ -287,6 +286,11 @@ pre .copy-to-clipboard-button:hover {
     color: var(--INTERNAL-CODE-BLOCK-BG-color);
 }
 
+.expand > input:active,
+.expand > input:focus {
+    outline-color: var(--INTERNAL-MAIN-TEXT-color);
+}
+
 .expand > label {
     color: var(--INTERNAL-MAIN-LINK-color);
 }
@@ -295,10 +299,6 @@ pre .copy-to-clipboard-button:hover {
     color: var(--INTERNAL-MAIN-LINK-HOVER-color);
 }
 
-.expand > label:after {
-    background-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
-}
-
 #homelinks {
     background-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
     border-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
@@ -312,14 +312,6 @@ pre .copy-to-clipboard-button:hover {
     color: var(--INTERNAL-MENU-HOME-LINK-HOVER-color);
 }
 
-#body a.highlight:after {
-    background-color: var(--INTERNAL-MAIN-LINK-color);
-}
-
-#body a.highlight:hover:after {
-    background-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
-}
-
 .progress {
     background-color: var(--INTERNAL-MAIN-BG-color);
 }
@@ -334,8 +326,8 @@ pre .copy-to-clipboard-button:hover {
 }
 
 .btn > *:hover,
-.btn > *:focus,
-.btn > *:active {
+.btn > *:active,
+.btn > *:focus {
     background-color: var(--VARIABLE-BOX-BG-color);
     color: var(--VARIABLE-BOX-TEXT-color);
 }
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index db3808e6b3..76f72df583 100644
--- a/dev/contributing/index.html
+++ b/dev/contributing/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know if you want to contribute">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -296,20 +296,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -374,24 +374,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/dev/contributing/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/dev/contributing/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -405,11 +405,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -432,12 +441,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 50af2de29b..e46f1b1355 100644
--- a/dev/contributing/index.print.html
+++ b/dev/contributing/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know if you want to contribute">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index 9b6a50bd88..fdfb97ac45 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../js/url.js?1687453517"></script>
-    <script src="../js/variant.js?1687453517"></script>
+    <link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../js/url.js?1690400159"></script>
+    <script src="../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../js/search.js?1687453518" defer></script>
+        <script src="../js/auto-complete.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -254,24 +254,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/dev/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/dev/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -285,11 +285,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -312,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?1687453518"></script>
+          <script async src="../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../js/theme.js?1687453518" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 47fb921280..75ef0d483b 100644
--- a/dev/index.print.html
+++ b/dev/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../js/url.js?1687453519"></script>
-    <script src="../js/variant.js?1687453519"></script>
+    <link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../js/url.js?1690400161"></script>
+    <script src="../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-d2e47309c3a3a4c78e14cfa42d4623ce" class="lightbox-link">
+<a href="#image-ca350e4a2a292f17841b7a8e9a8f959e" 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-d2e47309c3a3a4c78e14cfa42d4623ce">
+<a href="javascript:history.back();" class="lightbox" id="image-ca350e4a2a292f17841b7a8e9a8f959e">
 <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-9f4aaf5f87188be448db7137ac6c3d6d" class="lightbox-link">
+<a href="#image-8e7a12d4f86de1b5145eaa7ede3ac3f6" 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-9f4aaf5f87188be448db7137ac6c3d6d">
+<a href="javascript:history.back();" class="lightbox" id="image-8e7a12d4f86de1b5145eaa7ede3ac3f6">
 <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-4b3c7d07f8ac7683e4f92ab8ed2cb1ea" class="lightbox-link">
+<a href="#image-b4cfd8c5294f42c0f8d7319347a3e3a1" 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-4b3c7d07f8ac7683e4f92ab8ed2cb1ea">
+<a href="javascript:history.back();" class="lightbox" id="image-b4cfd8c5294f42c0f8d7319347a3e3a1">
 <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?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 20d64bc43d..c350e732d9 100644
--- a/dev/maintaining/index.html
+++ b/dev/maintaining/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know as a maintainer">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -383,20 +383,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -461,24 +461,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/dev/maintaining/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/dev/maintaining/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -492,11 +492,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -519,12 +528,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index 5f6b4634ba..3e47a4a256 100644
--- a/dev/maintaining/index.print.html
+++ b/dev/maintaining/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know as a maintainer">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index 1c7570edc3..8c6782dfa6 100644
--- a/dev/screenshots/index.html
+++ b/dev/screenshots/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Recipe to create various documentation screenshots">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-d2e47309c3a3a4c78e14cfa42d4623ce" class="lightbox-link">
+<a href="#image-ca350e4a2a292f17841b7a8e9a8f959e" 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-d2e47309c3a3a4c78e14cfa42d4623ce">
+<a href="javascript:history.back();" class="lightbox" id="image-ca350e4a2a292f17841b7a8e9a8f959e">
 <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-9f4aaf5f87188be448db7137ac6c3d6d" class="lightbox-link">
+<a href="#image-8e7a12d4f86de1b5145eaa7ede3ac3f6" 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-9f4aaf5f87188be448db7137ac6c3d6d">
+<a href="javascript:history.back();" class="lightbox" id="image-8e7a12d4f86de1b5145eaa7ede3ac3f6">
 <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-4b3c7d07f8ac7683e4f92ab8ed2cb1ea" class="lightbox-link">
+<a href="#image-b4cfd8c5294f42c0f8d7319347a3e3a1" 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-4b3c7d07f8ac7683e4f92ab8ed2cb1ea">
+<a href="javascript:history.back();" class="lightbox" id="image-b4cfd8c5294f42c0f8d7319347a3e3a1">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -276,20 +276,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -354,24 +354,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/dev/screenshots/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/dev/screenshots/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -385,11 +385,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -412,12 +421,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index 3c894368f3..ba643d8237 100644
--- a/dev/screenshots/index.print.html
+++ b/dev/screenshots/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Recipe to create various documentation screenshots">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-d2e47309c3a3a4c78e14cfa42d4623ce" class="lightbox-link">
+<a href="#image-ca350e4a2a292f17841b7a8e9a8f959e" 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-d2e47309c3a3a4c78e14cfa42d4623ce">
+<a href="javascript:history.back();" class="lightbox" id="image-ca350e4a2a292f17841b7a8e9a8f959e">
 <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-9f4aaf5f87188be448db7137ac6c3d6d" class="lightbox-link">
+<a href="#image-8e7a12d4f86de1b5145eaa7ede3ac3f6" 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-9f4aaf5f87188be448db7137ac6c3d6d">
+<a href="javascript:history.back();" class="lightbox" id="image-8e7a12d4f86de1b5145eaa7ede3ac3f6">
 <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-4b3c7d07f8ac7683e4f92ab8ed2cb1ea" class="lightbox-link">
+<a href="#image-b4cfd8c5294f42c0f8d7319347a3e3a1" 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-4b3c7d07f8ac7683e4f92ab8ed2cb1ea">
+<a href="javascript:history.back();" class="lightbox" id="image-b4cfd8c5294f42c0f8d7319347a3e3a1">
 <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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 46681d7697..fac7b38ea1 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="./css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="./css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1687453517" rel="stylesheet">
-    <link href="./css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1687453517" rel="stylesheet">
-    <link href="./css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1687453517" rel="stylesheet">
-    <script src="./js/url.js?1687453517"></script>
-    <script src="./js/variant.js?1687453517"></script>
+    <link href="./css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="./css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="./css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1690400159" rel="stylesheet">
+    <link href="./css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1690400159" rel="stylesheet">
+    <link href="./css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1690400159" rel="stylesheet">
+    <script src="./js/url.js?1690400159"></script>
+    <script src="./js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-46588323c71a7df14e59d43ff6e02f18" class="lightbox-link">
+<a href="#image-d63958de42ac3df412164f70fe3437c8" 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-46588323c71a7df14e59d43ff6e02f18">
+<a href="javascript:history.back();" class="lightbox" id="image-d63958de42ac3df412164f70fe3437c8">
 <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>
@@ -276,20 +276,20 @@
           </a>
         </div>
         <form action="./search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1687453518" defer></script>
-        <script src="./js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="./js/search.js?1687453518" defer></script>
+        <script src="./js/auto-complete.js?1690400160" defer></script>
+        <script src="./js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="./js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -350,24 +350,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -381,11 +381,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -408,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?1687453518"></script>
+          <script async src="./js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1687453518" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="./js/theme.js?1687453518" defer></script>
+    <script src="./js/clipboard.min.js?1690400160" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="./js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index daf4f6d82f..3ec30f3d44 100644
--- a/index.print.html
+++ b/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="./css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="./css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1687453519" rel="stylesheet">
-    <link href="./css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1687453519" rel="stylesheet">
-    <link href="./css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1687453519" rel="stylesheet">
-    <link href="./css/ie.css?1687453519" rel="stylesheet">
-    <script src="./js/url.js?1687453519"></script>
-    <script src="./js/variant.js?1687453519"></script>
+    <link href="./css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="./css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="./css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1690400161" rel="stylesheet">
+    <link href="./css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1690400161" rel="stylesheet">
+    <link href="./css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1690400161" rel="stylesheet">
+    <link href="./css/ie.css?1690400161" rel="stylesheet">
+    <script src="./js/url.js?1690400161"></script>
+    <script src="./js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-46588323c71a7df14e59d43ff6e02f18" class="lightbox-link">
+<a href="#image-d63958de42ac3df412164f70fe3437c8" 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-46588323c71a7df14e59d43ff6e02f18">
+<a href="javascript:history.back();" class="lightbox" id="image-d63958de42ac3df412164f70fe3437c8">
 <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>
@@ -868,10 +868,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-c7ba6ee9065b86b7203c63249e689a04" class="lightbox-link">
+<a href="#image-80f8e694c704149bd51cfa26f3e3c1ce" 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-c7ba6ee9065b86b7203c63249e689a04">
+<a href="javascript:history.back();" class="lightbox" id="image-80f8e694c704149bd51cfa26f3e3c1ce">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -918,10 +918,10 @@
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9b581cce9d2100b2493483827ca7daec" class="lightbox-link">
+<a href="#image-721983ea4e8d8e42509d7872376216b8" 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-9b581cce9d2100b2493483827ca7daec">
+<a href="javascript:history.back();" class="lightbox" id="image-721983ea4e8d8e42509d7872376216b8">
 <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>
@@ -1074,10 +1074,10 @@
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-3c471e971a948b693dcda066a1cbe4b8" class="lightbox-link">
+<a href="#image-bfda28db6ffd6209dc54a53e0298524f" 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-3c471e971a948b693dcda066a1cbe4b8">
+<a href="javascript:history.back();" class="lightbox" id="image-bfda28db6ffd6209dc54a53e0298524f">
 <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>
@@ -1126,10 +1126,10 @@ default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-a839146eda431c4ff85a02e3454ce462" class="lightbox-link">
+<a href="#image-fb518300787402998be590079c8676c7" 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-a839146eda431c4ff85a02e3454ce462">
+<a href="javascript:history.back();" class="lightbox" id="image-fb518300787402998be590079c8676c7">
 <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>
 
@@ -1248,13 +1248,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-76d969ceacf30543a3ef33d0917d1068" aria-controls="expandcontent-76d969ceacf30543a3ef33d0917d1068" >
-    <label class="expand-label" for="expand-76d969ceacf30543a3ef33d0917d1068" >
+    <input type="checkbox" id="expand-02935a30de0913d19d2c73f0e48d07ae" aria-controls="expandcontent-02935a30de0913d19d2c73f0e48d07ae" >
+    <label class="expand-label" for="expand-02935a30de0913d19d2c73f0e48d07ae" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-76d969ceacf30543a3ef33d0917d1068" class="expand-content">
+    <div id="expandcontent-02935a30de0913d19d2c73f0e48d07ae" 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>
@@ -2563,10 +2563,10 @@ window.variants && variants.generator( '#vargenerator' );
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
 		
-<a href="#image-f296ed82610880cd3e29c4916f0cacc6" class="lightbox-link">
+<a href="#image-c238f9402f6f0c8a7668581ab5c41ed4" 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-f296ed82610880cd3e29c4916f0cacc6">
+<a href="javascript:history.back();" class="lightbox" id="image-c238f9402f6f0c8a7668581ab5c41ed4">
 <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>
@@ -2613,10 +2613,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-ae060cd72f921a20e4e031116ea9ad7a" class="lightbox-link">
+<a href="#image-e154f61f9f6edb384658d9615ea6236f" 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-ae060cd72f921a20e4e031116ea9ad7a">
+<a href="javascript:history.back();" class="lightbox" id="image-e154f61f9f6edb384658d9615ea6236f">
 <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>
@@ -2630,10 +2630,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-5402d2e57e550e1cee9b9fd35453b7c6" class="lightbox-link">
+<a href="#image-34c37708ff513ee9b6eb6425a3e25eda" 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-5402d2e57e550e1cee9b9fd35453b7c6">
+<a href="javascript:history.back();" class="lightbox" id="image-34c37708ff513ee9b6eb6425a3e25eda">
 <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>
@@ -2649,10 +2649,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-08850b0c0b4a6d35cb53e2b464146ce2" class="lightbox-link">
+<a href="#image-18ffb9eead82dfaa6e706d1e444f07f1" 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-08850b0c0b4a6d35cb53e2b464146ce2">
+<a href="javascript:history.back();" class="lightbox" id="image-18ffb9eead82dfaa6e706d1e444f07f1">
 <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>
@@ -3227,10 +3227,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-1067795113e07068404a69eebbb09857" class="lightbox-link">
+<a href="#image-17db8751f82aef132713ad4be02c3960" 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-1067795113e07068404a69eebbb09857">
+<a href="javascript:history.back();" class="lightbox" id="image-17db8751f82aef132713ad4be02c3960">
 <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>
@@ -3244,10 +3244,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f138a1ad1f3c775bcd8c19ad141d5e59" class="lightbox-link">
+<a href="#image-5e4fd130796b031f2e2ed822823190de" 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-f138a1ad1f3c775bcd8c19ad141d5e59">
+<a href="javascript:history.back();" class="lightbox" id="image-5e4fd130796b031f2e2ed822823190de">
 <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>
@@ -3263,10 +3263,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-63e1953b2f774c63b5dd24bd7e3daf70" class="lightbox-link">
+<a href="#image-d71ad96588de9f1df7c3e9d2278a2088" 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-63e1953b2f774c63b5dd24bd7e3daf70">
+<a href="javascript:history.back();" class="lightbox" id="image-d71ad96588de9f1df7c3e9d2278a2088">
 <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>
@@ -3282,10 +3282,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a6fb5883a4ffb0fff463d6bb121f9e9f" class="lightbox-link">
+<a href="#image-9a3993dcf608fb164ef455ab40e6ffd8" 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-a6fb5883a4ffb0fff463d6bb121f9e9f">
+<a href="javascript:history.back();" class="lightbox" id="image-9a3993dcf608fb164ef455ab40e6ffd8">
 <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>
@@ -3297,10 +3297,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-dedda60f629954018d47d9b832fced3e" class="lightbox-link">
+<a href="#image-930799b54141786e9497da7067c10a94" 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-dedda60f629954018d47d9b832fced3e">
+<a href="javascript:history.back();" class="lightbox" id="image-930799b54141786e9497da7067c10a94">
 <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>
@@ -3313,10 +3313,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-e640a0bc07a31fa93a4102923f425ffb" class="lightbox-link">
+<a href="#image-0e599e93efb1cc7849375b43ba99e4ac" 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-e640a0bc07a31fa93a4102923f425ffb">
+<a href="javascript:history.back();" class="lightbox" id="image-0e599e93efb1cc7849375b43ba99e4ac">
 <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>
@@ -3331,10 +3331,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f8615c06b2395d646fafcb777d3189ec" class="lightbox-link">
+<a href="#image-0aa55a8c2069ec4669591546231dfa5b" 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-f8615c06b2395d646fafcb777d3189ec">
+<a href="javascript:history.back();" class="lightbox" id="image-0aa55a8c2069ec4669591546231dfa5b">
 <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>
@@ -3347,10 +3347,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-09bcb149a29704a13520f4c9496955fb" class="lightbox-link">
+<a href="#image-e451f24cc7c08994b39f2d758e9e0dfd" 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-09bcb149a29704a13520f4c9496955fb">
+<a href="javascript:history.back();" class="lightbox" id="image-e451f24cc7c08994b39f2d758e9e0dfd">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3363,10 +3363,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-5549950492bfda8342d346c5c34a232f" class="lightbox-link">
+<a href="#image-075e6ab16c62d8c7753a47695d1bb47b" 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-5549950492bfda8342d346c5c34a232f">
+<a href="javascript:history.back();" class="lightbox" id="image-075e6ab16c62d8c7753a47695d1bb47b">
 <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>
@@ -3379,10 +3379,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-64311d67dd291e137a16be1f6941879b" class="lightbox-link">
+<a href="#image-404104e21242ffd5f8079808ff416d7d" 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-64311d67dd291e137a16be1f6941879b">
+<a href="javascript:history.back();" class="lightbox" id="image-404104e21242ffd5f8079808ff416d7d">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3398,34 +3398,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-cb6036b5ca653c6c513d3a588924e0f6" class="lightbox-link">
+<a href="#image-d7c5f3780ae7b03a7aec7dc5afa626c8" 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-cb6036b5ca653c6c513d3a588924e0f6">
+<a href="javascript:history.back();" class="lightbox" id="image-d7c5f3780ae7b03a7aec7dc5afa626c8">
 <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-5454165b26f5665af7d3ae5d0dfe2a78" class="lightbox-link">
+<a href="#image-d90bb58b8a901c2c2c1441bff0a8b14d" 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-5454165b26f5665af7d3ae5d0dfe2a78">
+<a href="javascript:history.back();" class="lightbox" id="image-d90bb58b8a901c2c2c1441bff0a8b14d">
 <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-b68c757667efeae3e0ee682ce0d7311a" class="lightbox-link">
+<a href="#image-497e7e0303078954308ea18c336e2c79" 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-b68c757667efeae3e0ee682ce0d7311a">
+<a href="javascript:history.back();" class="lightbox" id="image-497e7e0303078954308ea18c336e2c79">
 <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-a3fabbda1bf20019351230cc1b049f53" class="lightbox-link">
+<a href="#image-dddb411d6824b3081d9a37f282859f1c" 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-a3fabbda1bf20019351230cc1b049f53">
+<a href="javascript:history.back();" class="lightbox" id="image-dddb411d6824b3081d9a37f282859f1c">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3438,10 +3438,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-746d583ffadec62780b7c20c140e27c6" class="lightbox-link">
+<a href="#image-280eccd93a24c2f0bdf3f4d36db0a544" 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-746d583ffadec62780b7c20c140e27c6">
+<a href="javascript:history.back();" class="lightbox" id="image-280eccd93a24c2f0bdf3f4d36db0a544">
 <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>
@@ -3610,10 +3610,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-0a5d828601c5d877422ba8e5d0b0688a" class="lightbox-link">
+<a href="#image-ccf2576ca1f941fb96f5330dbb4ce694" 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-0a5d828601c5d877422ba8e5d0b0688a">
+<a href="javascript:history.back();" class="lightbox" id="image-ccf2576ca1f941fb96f5330dbb4ce694">
 <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>
@@ -3815,13 +3815,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="6b7f84da7af7d89c6506197b6bd5ce95">
+<div class="tab-panel" data-tab-group="7503d9d7889d893df09ec575afd107cb">
   <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('6b7f84da7af7d89c6506197b6bd5ce95','shortcode')"
+      onclick="switchTab('7503d9d7889d893df09ec575afd107cb','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3831,7 +3831,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('6b7f84da7af7d89c6506197b6bd5ce95','partial')"
+      onclick="switchTab('7503d9d7889d893df09ec575afd107cb','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4058,13 +4058,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="b2631a69149b19e4e27701bece5f9d9c">
+<div class="tab-panel" data-tab-group="0ab02781246550b99e72bc6765bf72f0">
   <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('b2631a69149b19e4e27701bece5f9d9c','shortcode')"
+      onclick="switchTab('0ab02781246550b99e72bc6765bf72f0','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4074,7 +4074,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('b2631a69149b19e4e27701bece5f9d9c','partial')"
+      onclick="switchTab('0ab02781246550b99e72bc6765bf72f0','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4270,13 +4270,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="e20cb7a61b183753241de3440cda52a2">
+<div class="tab-panel" data-tab-group="659e965bbff9d0ebf429bc1e15292575">
   <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('e20cb7a61b183753241de3440cda52a2','shortcode')"
+      onclick="switchTab('659e965bbff9d0ebf429bc1e15292575','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4286,7 +4286,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('e20cb7a61b183753241de3440cda52a2','partial')"
+      onclick="switchTab('659e965bbff9d0ebf429bc1e15292575','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4481,6 +4481,21 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
   </a>
 </span></p>
 <h3 id="icon">Icon</h3>
+<h4 id="empty">Empty</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    
+  </a>
+</span>
+<h4 id="only">Only</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fa-fw fas fa-download"></i>
+    
+  </a>
+</span>
 <h4 id="to-the-left">To the Left</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <span class="btn cstyle transparent">
@@ -4593,13 +4608,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="16a6b9867fef710e424fbe5fcc5530a9">
+<div class="tab-panel" data-tab-group="d3fe9233371049c02220d60079a8a651">
   <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('16a6b9867fef710e424fbe5fcc5530a9','shortcode')"
+      onclick="switchTab('d3fe9233371049c02220d60079a8a651','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4609,7 +4624,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('16a6b9867fef710e424fbe5fcc5530a9','partial')"
+      onclick="switchTab('d3fe9233371049c02220d60079a8a651','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4991,13 +5006,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-855c3ca4749a3c4ae4fd5d9ff29b74b7" aria-controls="expandcontent-855c3ca4749a3c4ae4fd5d9ff29b74b7" >
-    <label class="expand-label" for="expand-855c3ca4749a3c4ae4fd5d9ff29b74b7" >
+    <input type="checkbox" id="expand-6b657a4fe8d859178f6f67cfde3ac4f5" aria-controls="expandcontent-6b657a4fe8d859178f6f67cfde3ac4f5" >
+    <label class="expand-label" for="expand-6b657a4fe8d859178f6f67cfde3ac4f5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-855c3ca4749a3c4ae4fd5d9ff29b74b7" class="expand-content">
+    <div id="expandcontent-6b657a4fe8d859178f6f67cfde3ac4f5" 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>
@@ -5027,13 +5042,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="5646103dd49e0e3273222c7bdee56ee5">
+<div class="tab-panel" data-tab-group="e0e61b13a005e70cbe31b084c19b953e">
   <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('5646103dd49e0e3273222c7bdee56ee5','shortcode')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5043,7 +5058,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('5646103dd49e0e3273222c7bdee56ee5','shortcode (positional)')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5053,7 +5068,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('5646103dd49e0e3273222c7bdee56ee5','partial')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5124,26 +5139,26 @@ So its content is used as description.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-67c22990b7d0d225618e8a6e6d68d2bb" aria-controls="expandcontent-67c22990b7d0d225618e8a6e6d68d2bb" >
-    <label class="expand-label" for="expand-67c22990b7d0d225618e8a6e6d68d2bb" >
+    <input type="checkbox" id="expand-ee2c88b66162805a208b22875b5e776f" aria-controls="expandcontent-ee2c88b66162805a208b22875b5e776f" >
+    <label class="expand-label" for="expand-ee2c88b66162805a208b22875b5e776f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-67c22990b7d0d225618e8a6e6d68d2bb" class="expand-content">
+    <div id="expandcontent-ee2c88b66162805a208b22875b5e776f" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-5e6af6dea0820267402c35db1ae165e8" aria-controls="expandcontent-5e6af6dea0820267402c35db1ae165e8"  checked>
-    <label class="expand-label" for="expand-5e6af6dea0820267402c35db1ae165e8" >
+    <input type="checkbox" id="expand-833d75c9555ab682af6232914d9f1b15" aria-controls="expandcontent-833d75c9555ab682af6232914d9f1b15"  checked>
+    <label class="expand-label" for="expand-833d75c9555ab682af6232914d9f1b15" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5e6af6dea0820267402c35db1ae165e8" class="expand-content">
+    <div id="expandcontent-833d75c9555ab682af6232914d9f1b15" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5164,13 +5179,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-57a0deacdbc992089d580b95d6e86fff" aria-controls="expandcontent-57a0deacdbc992089d580b95d6e86fff" >
-    <label class="expand-label" for="expand-57a0deacdbc992089d580b95d6e86fff" >
+    <input type="checkbox" id="expand-6bbda6ce09e176d5f24fef24c06c17e0" aria-controls="expandcontent-6bbda6ce09e176d5f24fef24c06c17e0" >
+    <label class="expand-label" for="expand-6bbda6ce09e176d5f24fef24c06c17e0" >
         <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-57a0deacdbc992089d580b95d6e86fff" class="expand-content">
+    <div id="expandcontent-6bbda6ce09e176d5f24fef24c06c17e0" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -5204,13 +5219,13 @@ No need to press you!</div>
 <p>You are free to also call this shortcode from your own partials. In this case it somewhat resemble Hugo&rsquo;s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> function</a> syntax if you call this shortcode as a partial using compatiblity syntax.</p>
 <p>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 codefences (eg. GitHub) and so your markdown becomes more portable.</p>
 
-<div class="tab-panel" data-tab-group="d5ac9ca2b516ca799c6a89cded53a87d">
+<div class="tab-panel" data-tab-group="9d8b921e7200c5eb031d2108bf209c83">
   <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('d5ac9ca2b516ca799c6a89cded53a87d','codefence')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5220,7 +5235,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','shortcode')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5230,7 +5245,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','shortcode (positional)')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5240,7 +5255,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','partial')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5250,7 +5265,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial (compat)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','partial (compat)')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','partial (compat)')"
     >
       <div>
         <div class="tab-nav-hidden">partial (compat)</div>
@@ -5421,13 +5436,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="97ecd5adc90d6435055ead1db89ecabb">
+<div class="tab-panel" data-tab-group="68aedfe1e40b6f3997b7ee32ad082915">
   <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('97ecd5adc90d6435055ead1db89ecabb','shortcode')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5437,7 +5452,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97ecd5adc90d6435055ead1db89ecabb','shortcode (positional)')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5447,7 +5462,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97ecd5adc90d6435055ead1db89ecabb','partial')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5546,13 +5561,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="25c3531af5a384b02a6e1e56b7d6490a">
+<div class="tab-panel" data-tab-group="ecb7d0028791ca6a23c7aeaf69552edf">
   <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('25c3531af5a384b02a6e1e56b7d6490a','shortcode')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5562,7 +5577,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('25c3531af5a384b02a6e1e56b7d6490a','shortcode (positional)')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5572,7 +5587,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('25c3531af5a384b02a6e1e56b7d6490a','partial')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5690,13 +5705,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="003a5aa25d0e04c2455d31b0c04ce56d">
+<div class="tab-panel" data-tab-group="82bad974723921f707e62cd0cbbb39de">
   <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('003a5aa25d0e04c2455d31b0c04ce56d','codefence')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5706,7 +5721,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('003a5aa25d0e04c2455d31b0c04ce56d','shortcode')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5716,7 +5731,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('003a5aa25d0e04c2455d31b0c04ce56d','partial')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5874,13 +5889,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="ed76898a0f19e9280fcf55fbba4590ee">
+<div class="tab-panel" data-tab-group="f0f096dcf0228a3bd1a42295ff9e847f">
   <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('ed76898a0f19e9280fcf55fbba4590ee','codefence')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5890,7 +5905,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ed76898a0f19e9280fcf55fbba4590ee','shortcode')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5900,7 +5915,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ed76898a0f19e9280fcf55fbba4590ee','partial')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6438,13 +6453,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="a7966b6e6f68dc170af20c6e7df82791">
+<div class="tab-panel" data-tab-group="34d3fb2c14d24305c6ab03a564fc2f5a">
   <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('a7966b6e6f68dc170af20c6e7df82791','shortcode')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6454,7 +6469,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a7966b6e6f68dc170af20c6e7df82791','shortcode (positional)')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -6464,7 +6479,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a7966b6e6f68dc170af20c6e7df82791','partial')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6788,13 +6803,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="520b9fd5c6d94136145c817352f0a88e">
+<div class="tab-panel" data-tab-group="0d15953ec518e1ca75cfab23251e9793">
   <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('520b9fd5c6d94136145c817352f0a88e','shortcode')"
+      onclick="switchTab('0d15953ec518e1ca75cfab23251e9793','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6804,7 +6819,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('520b9fd5c6d94136145c817352f0a88e','partial')"
+      onclick="switchTab('0d15953ec518e1ca75cfab23251e9793','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6864,7 +6879,7 @@ timeline
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-113d7e2a4c6e2e6c1770672bade7c772"
+    id="openapi-17f25106a142cefab343678f84c8c7c7"
     openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -6883,13 +6898,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="8522ccea7ab11d4f22d7bac9c43105a9">
+<div class="tab-panel" data-tab-group="de4b10fc1f7aecf85c99a98051749767">
   <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('8522ccea7ab11d4f22d7bac9c43105a9','shortcode')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6899,7 +6914,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('8522ccea7ab11d4f22d7bac9c43105a9','shortcode (positional)')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -6909,7 +6924,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('8522ccea7ab11d4f22d7bac9c43105a9','partial')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6981,13 +6996,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="373f919416183f91be0309043b07e43b">
+<div class="tab-panel" data-tab-group="81e5f069f7ee17ddde4f6568e227f4c9">
   <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('373f919416183f91be0309043b07e43b','c')"
+      onclick="switchTab('81e5f069f7ee17ddde4f6568e227f4c9','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7097,13 +7112,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="2b79a8b673293634df110e3e1b61baab">
+<div class="tab-panel" data-tab-group="2e6faaa0d4ac513866c8b2d77a2f0bdf">
   <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('2b79a8b673293634df110e3e1b61baab','Code')"
+      onclick="switchTab('2e6faaa0d4ac513866c8b2d77a2f0bdf','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7123,13 +7138,13 @@ timeline
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="bd75dedb30f2fb36b67503c08000fb31">
+<div class="tab-panel" data-tab-group="0bfff898670b020ccb821e9dbb949149">
   <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('bd75dedb30f2fb36b67503c08000fb31','Mixed')"
+      onclick="switchTab('0bfff898670b020ccb821e9dbb949149','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7177,13 +7192,13 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0669b9fe47063040eb7725df2f188488">
+<div class="tab-panel" data-tab-group="5b134a2dbbe33f8640515b6cf839fe4f">
   <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('0669b9fe47063040eb7725df2f188488','just colored style')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7193,7 +7208,7 @@ timeline
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0669b9fe47063040eb7725df2f188488','just color')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7203,7 +7218,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('0669b9fe47063040eb7725df2f188488','default style and color')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -7213,7 +7228,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('0669b9fe47063040eb7725df2f188488','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','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>
@@ -7223,7 +7238,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('0669b9fe47063040eb7725df2f188488','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','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>
@@ -7294,13 +7309,13 @@ 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="b76639bebaf6a3678b3a603f291f0548">
+<div class="tab-panel" data-tab-group="1083b804f77a9d9cd70c7b6a66672c2d">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','py')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7310,7 +7325,7 @@ timeline
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','sh')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7320,7 +7335,7 @@ timeline
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','c')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7477,13 +7492,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="aef6a20dc3d857be4950a634cfd5660e">
+<div class="tab-panel" data-tab-group="43ccb167049de1cdd1abe695a791ade6">
   <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('aef6a20dc3d857be4950a634cfd5660e','Group A, Tab View 1')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7493,7 +7508,7 @@ timeline
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('aef6a20dc3d857be4950a634cfd5660e','Group A, Tab View 2')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7503,7 +7518,7 @@ timeline
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('aef6a20dc3d857be4950a634cfd5660e','Group B')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -7903,8 +7918,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1687453519" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="./js/clipboard.min.js?1690400161" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -7933,26 +7948,26 @@ timeline
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="./js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="./js/mermaid.min.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1690400161"></script>
+    <script src="./js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="./js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1687453519" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1687453519" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1690400161" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1690400161" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1687453519", assetsBuster:  1687453519  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1690400161", assetsBuster:  1690400161  };
     </script>
-    <script src="./js/theme.js?1687453519" defer></script>
+    <script src="./js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/index.search.js b/index.search.js
index 7217a3a306..3d49a782d2 100644
--- a/index.search.js
+++ b/index.search.js
@@ -440,7 +440,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.\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 ",
+    "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 Empty {{% button href=\"https://gohugo.io/\" icon=\" \" %}}{{% /button %}} Only {{% button href=\"https://gohugo.io/\" icon=\"download\" %}}{{% /button %}} 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",
@@ -510,7 +510,7 @@ var relearn_search_index = [
     "uri": "/dev/contributing/index.html"
   },
   {
-    "content": "Contributors Special thanks to everyone who has contributed to this project.\nMany thanks to Mathieu Cornic for his work on porting the Learn theme to Hugo.\nMany thanks to Andy Miller for initially creating the Learn theme for Grav.\nPackages and Libraries autoComplete - A lightweight and powerful vanilla JavaScript completion suggester clipboard.js - A modern approach to copy text to clipboard d3-zoom - Pan and zoom SVG, HTML or Canvas using mouse or touch input - plus dependencies d3-color - Color spaces! RGB, HSL, Cubehelix, CIELAB, and more d3-dispatch - Register named callbacks and call them with arguments d3-ease - Easing functions for smooth animation d3-interpolate - Interpolate numbers, colors, strings, arrays, objects, whatever d3-selection - Transform the DOM by selecting elements and joining to data d3-timer - An efficient queue for managing thousands of concurrent animations d3-transition - Animated transitions for D3 selections d3-drag - Drag and drop SVG, HTML or Canvas using mouse or touch input Font Awesome - The internet’s icon library and toolkit Lunr - Enables a great search experience without the need for external, server-side, search services Lunr Languages - A collection of languages stemmers and stopwords for Lunr Javascript library MathJax - Beautiful math and chemical formulae in all browsers Mermaid - Generation of diagram and flowchart from text in a similar manner as markdown Perfect Scrollbar - A minimalistic but perfect custom scrollbar plugin SwaggerUI - Generate beautiful documentation from a Swagger-compliant API WorkSans - Work Sans is a 9 weight typeface family based loosely on early Grotesques Tooling GitHub - Continuous deployment, testing and hosting of this project’s sources and its documentation Various GitHub Actions https://github.com/actions/setup-node https://github.com/Akkjon/close-milestone https://github.com/andstor/file-reader-action https://github.com/ashley-taylor/regex-property-action https://github.com/Kaven-Universe/github-action-current-date-time https://github.com/mingjun97/file-regex-replace https://github.com/octokit/graphql-action https://github.com/peaceiris/actions-gh-pages https://github.com/peaceiris/actions-hugo https://github.com/WyriHaximus/github-action-create-milestone https://github.com/WyriHaximus/github-action-next-semvers gren - A releasenotes generator for GitHub Hugo - The static site generator of your choice ",
+    "content": "Contributors Special thanks to everyone who has contributed to this project.\nMany thanks to Mathieu Cornic for his work on porting the Learn theme to Hugo.\nMany thanks to Andy Miller for initially creating the Learn theme for Grav.\nPackages and Libraries autoComplete - A lightweight and powerful vanilla JavaScript completion suggester clipboard.js - A modern approach to copy text to clipboard d3-zoom - Pan and zoom SVG, HTML or Canvas using mouse or touch input - plus dependencies d3-color - Color spaces! RGB, HSL, Cubehelix, CIELAB, and more d3-dispatch - Register named callbacks and call them with arguments d3-ease - Easing functions for smooth animation d3-interpolate - Interpolate numbers, colors, strings, arrays, objects, whatever d3-selection - Transform the DOM by selecting elements and joining to data d3-timer - An efficient queue for managing thousands of concurrent animations d3-transition - Animated transitions for D3 selections d3-drag - Drag and drop SVG, HTML or Canvas using mouse or touch input Font Awesome - The internet’s icon library and toolkit github-buttons - Unofficial github:buttons Lunr - Enables a great search experience without the need for external, server-side, search services Lunr Languages - A collection of languages stemmers and stopwords for Lunr Javascript library MathJax - Beautiful math and chemical formulae in all browsers Mermaid - Generation of diagram and flowchart from text in a similar manner as markdown Perfect Scrollbar - A minimalistic but perfect custom scrollbar plugin SwaggerUI - Generate beautiful documentation from a Swagger-compliant API WorkSans - Work Sans is a 9 weight typeface family based loosely on early Grotesques Tooling GitHub - Continuous deployment, testing and hosting of this project’s sources and its documentation Various GitHub Actions https://github.com/actions/setup-node https://github.com/Akkjon/close-milestone https://github.com/andstor/file-reader-action https://github.com/ashley-taylor/regex-property-action https://github.com/Kaven-Universe/github-action-current-date-time https://github.com/mingjun97/file-regex-replace https://github.com/octokit/graphql-action https://github.com/peaceiris/actions-gh-pages https://github.com/peaceiris/actions-hugo https://github.com/WyriHaximus/github-action-create-milestone https://github.com/WyriHaximus/github-action-next-semvers gren - A releasenotes generator for GitHub Hugo - The static site generator of your choice ",
     "description": "",
     "tags": null,
     "title": "Credits",
diff --git a/js/buttons.js b/js/buttons.js
index e6d0703d23..7989f97707 100644
--- a/js/buttons.js
+++ b/js/buttons.js
@@ -1,6 +1,6 @@
 /*!
- * github-buttons v2.21.1
- * (c) 2021 なつき
+ * github-buttons v2.27.0
+ * (c) 2023 なつき
  * @license BSD-2-Clause
  */
-!function(){"use strict";var e=window.document,o=e.location,t=window.Math,r=window.HTMLElement,a=window.XMLHttpRequest,n="github-button",i="https://buttons.github.io/buttons.html",c="github.com",l=a&&"prototype"in a&&"withCredentials"in a.prototype,d=l&&r&&"attachShadow"in r.prototype&&!("prototype"in r.prototype.attachShadow),s=function(e,o){for(var t=0,r=e.length;t<r;t++)o(e[t])},u=function(e){return function(o,t,r){var a=e.createElement(o);if(null!=t)for(var n in t){var i=t[n];null!=i&&(null!=a[n]?a[n]=i:a.setAttribute(n,i))}return null!=r&&s(r,(function(o){a.appendChild("string"==typeof o?e.createTextNode(o):o)})),a}},h=u(e),g=function(e){var o;return function(){o||(o=1,e.apply(this,arguments))}},f=function(e,o){return{}.hasOwnProperty.call(e,o)},b=function(e){return(""+e).toLowerCase()},p=function(e,o,t,r){null==o&&(o="&"),null==t&&(t="="),null==r&&(r=window.decodeURIComponent);var a={};return s(e.split(o),(function(e){if(""!==e){var o=e.split(t);a[r(o[0])]=null!=o[1]?r(o.slice(1).join(t)):void 0}})),a},m=function(e,o,t){e.addEventListener?e.addEventListener(o,t,!1):e.attachEvent("on"+o,t)},v=function(e,o,t){e.removeEventListener?e.removeEventListener(o,t,!1):e.detachEvent("on"+o,t)},w=function(e,o,t){var r=function(){return v(e,o,r),t.apply(this,arguments)};m(e,o,r)},k=function(e,o,t){if(null!=e.readyState){var r="readystatechange",a=function(){if(o.test(e.readyState))return v(e,r,a),t.apply(this,arguments)};m(e,r,a)}},x={light:".btn{color:#24292f;background-color:#ebf0f4;border-color:#ccd1d5;border-color:rgba(27,31,36,.15);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23f6f8fa'/%3e%3cstop offset='90%25' stop-color='%23ebf0f4'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #f6f8fa, #ebf0f4 90%);background-image:linear-gradient(180deg, #f6f8fa, #ebf0f4 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFF6F8FA', endColorstr='#FFEAEFF3')}:root .btn{filter:none}.btn:focus,.btn:hover{background-color:#e9ebef;background-position:0 -0.5em;border-color:#caccd1;border-color:rgba(27,31,36,.15);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23f3f4f6'/%3e%3cstop offset='90%25' stop-color='%23e9ebef'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #f3f4f6, #e9ebef 90%);background-image:linear-gradient(180deg, #f3f4f6, #e9ebef 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFF3F4F6', endColorstr='#FFE8EAEE')}:root .btn:focus,:root .btn:hover{filter:none}.btn:active{background-color:#e5e9ed;border-color:#c7cbcf;border-color:rgba(27,31,36,.15);box-shadow:inset 0 .15em .3em rgba(27,31,36,.15);background-image:none;filter:none}.social-count{color:#24292f;background-color:#fff;border-color:#ddddde;border-color:rgba(27,31,36,.15)}.social-count:focus,.social-count:hover{color:#0969da}.octicon-heart{color:#bf3989}",light_high_contrast:".btn{color:#0e1116;background-color:#e7ecf0;border-color:#2f3237;border-color:rgba(1,4,9,.8);background-image:none;filter:none}.btn:focus,.btn:hover{background-color:#c4cdd5;background-position:0 -0.5em;border-color:#282c32;border-color:rgba(1,4,9,.8);background-image:none;filter:none}.btn:active{background-color:#d8dde1;border-color:#2c2f34;border-color:rgba(1,4,9,.8);box-shadow:inset 0 .15em .3em rgba(1,4,9,.15)}.social-count{color:#0e1116;background-color:#fff;border-color:#34363a;border-color:rgba(1,4,9,.8)}.social-count:focus,.social-count:hover{color:#0349b4}.octicon-heart{color:#971368}",dark:".btn{color:#c9d1d9;background-color:#1a1e23;border-color:#2f3439;border-color:rgba(240,246,252,.1);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%2321262d'/%3e%3cstop offset='90%25' stop-color='%231a1e23'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #21262d, #1a1e23 90%);background-image:linear-gradient(180deg, #21262d, #1a1e23 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF21262D', endColorstr='#FF191D22')}:root .btn{filter:none}.btn:focus,.btn:hover{background-color:#292e33;background-position:0 -0.5em;border-color:#8b949e;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%2330363d'/%3e%3cstop offset='90%25' stop-color='%23292e33'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #30363d, #292e33 90%);background-image:linear-gradient(180deg, #30363d, #292e33 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF30363D', endColorstr='#FF282D32')}:root .btn:focus,:root .btn:hover{filter:none}.btn:active{background-color:#161719;border-color:#8b949e;box-shadow:inset 0 .15em .3em rgba(1,4,9,.15);background-image:none;filter:none}.social-count{color:#c9d1d9;background-color:#0d1117;border-color:#24282e;border-color:rgba(240,246,252,.1)}.social-count:focus,.social-count:hover{color:#58a6ff}.octicon-heart{color:#db61a2}",dark_dimmed:".btn{color:#adbac7;background-color:#30363d;border-color:#40464e;border-color:rgba(205,217,229,.1);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23373e47'/%3e%3cstop offset='90%25' stop-color='%2330363d'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #373e47, #30363d 90%);background-image:linear-gradient(180deg, #373e47, #30363d 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF373E47', endColorstr='#FF2F353C')}:root .btn{filter:none}.btn:focus,.btn:hover{background-color:#3c444d;background-position:0 -0.5em;border-color:#768390;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23444c56'/%3e%3cstop offset='90%25' stop-color='%233c444d'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #444c56, #3c444d 90%);background-image:linear-gradient(180deg, #444c56, #3c444d 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF444C56', endColorstr='#FF3B434C')}:root .btn:focus,:root .btn:hover{filter:none}.btn:active{background-color:#2e3031;border-color:#768390;box-shadow:inset 0 .15em .3em rgba(28,33,40,.15);background-image:none;filter:none}.social-count{color:#adbac7;background-color:#22272e;border-color:#333940;border-color:rgba(205,217,229,.1)}.social-count:focus,.social-count:hover{color:#539bf5}.octicon-heart{color:#c96198}",dark_high_contrast:".btn{color:#f0f3f6;background-color:#272b33;border-color:#7a828e;background-image:none;filter:none}.btn:focus,.btn:hover{background-color:#4a515b;background-position:0 -0.5em;border-color:#bdc4cc;background-image:none;filter:none}.btn:active{background-color:#1d1d1f;border-color:#bdc4cc;box-shadow:inset 0 .15em .3em rgba(1,4,9,.15)}.social-count{color:#f0f3f6;background-color:#0a0c10;border-color:#7a828e}.social-count:focus,.social-count:hover{color:#71b7ff}.octicon-heart{color:#ef6eb1}"},z=function(e,o){return"@media(prefers-color-scheme:"+e+"){"+x[f(x,o)?o:e]+"}"},y={"comment-discussion":{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h8.5a.25.25 0 01.25.25v5.5a.25.25 0 01-.25.25h-3.5a.75.75 0 00-.53.22L3.5 11.44V9.25a.75.75 0 00-.75-.75h-1a.25.25 0 01-.25-.25v-5.5zM1.75 1A1.75 1.75 0 000 2.75v5.5C0 9.216.784 10 1.75 10H2v1.543a1.457 1.457 0 002.487 1.03L7.061 10h3.189A1.75 1.75 0 0012 8.25v-5.5A1.75 1.75 0 0010.25 1h-8.5zM14.5 4.75a.25.25 0 00-.25-.25h-.5a.75.75 0 110-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0114.25 12H14v1.543a1.457 1.457 0 01-2.487 1.03L9.22 12.28a.75.75 0 111.06-1.06l2.22 2.22v-2.19a.75.75 0 01.75-.75h1a.25.25 0 00.25-.25v-5.5z"></path>'}}},download:{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z"></path>'}}},eye:{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M1.679 7.932c.412-.621 1.242-1.75 2.366-2.717C5.175 4.242 6.527 3.5 8 3.5c1.473 0 2.824.742 3.955 1.715 1.124.967 1.954 2.096 2.366 2.717a.119.119 0 010 .136c-.412.621-1.242 1.75-2.366 2.717C10.825 11.758 9.473 12.5 8 12.5c-1.473 0-2.824-.742-3.955-1.715C2.92 9.818 2.09 8.69 1.679 8.068a.119.119 0 010-.136zM8 2c-1.981 0-3.67.992-4.933 2.078C1.797 5.169.88 6.423.43 7.1a1.619 1.619 0 000 1.798c.45.678 1.367 1.932 2.637 3.024C4.329 13.008 6.019 14 8 14c1.981 0 3.67-.992 4.933-2.078 1.27-1.091 2.187-2.345 2.637-3.023a1.619 1.619 0 000-1.798c-.45-.678-1.367-1.932-2.637-3.023C11.671 2.992 9.981 2 8 2zm0 8a2 2 0 100-4 2 2 0 000 4z"></path>'}}},heart:{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"></path>'}}},"issue-opened":{heights:{16:{width:16,path:'<path d="M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path><path fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"></path>'}}},"mark-github":{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>'}}},package:{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M8.878.392a1.75 1.75 0 00-1.756 0l-5.25 3.045A1.75 1.75 0 001 4.951v6.098c0 .624.332 1.2.872 1.514l5.25 3.045a1.75 1.75 0 001.756 0l5.25-3.045c.54-.313.872-.89.872-1.514V4.951c0-.624-.332-1.2-.872-1.514L8.878.392zM7.875 1.69a.25.25 0 01.25 0l4.63 2.685L8 7.133 3.245 4.375l4.63-2.685zM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432L2.5 5.677zm6.25 8.271l4.625-2.683a.25.25 0 00.125-.216V5.677L8.75 8.432v5.516z"></path>'}}},play:{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zM6.379 5.227A.25.25 0 006 5.442v5.117a.25.25 0 00.379.214l4.264-2.559a.25.25 0 000-.428L6.379 5.227z"></path>'}}},"repo-forked":{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path>'}}},"repo-template":{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M6 .75A.75.75 0 016.75 0h2.5a.75.75 0 010 1.5h-2.5A.75.75 0 016 .75zm5 0a.75.75 0 01.75-.75h1.5a.75.75 0 01.75.75v1.5a.75.75 0 01-1.5 0V1.5h-.75A.75.75 0 0111 .75zM4.992.662a.75.75 0 01-.636.848c-.436.063-.783.41-.846.846a.75.75 0 01-1.485-.212A2.501 2.501 0 014.144.025a.75.75 0 01.848.637zM2.75 4a.75.75 0 01.75.75v1.5a.75.75 0 01-1.5 0v-1.5A.75.75 0 012.75 4zm10.5 0a.75.75 0 01.75.75v1.5a.75.75 0 01-1.5 0v-1.5a.75.75 0 01.75-.75zM2.75 8a.75.75 0 01.75.75v.268A1.72 1.72 0 013.75 9h.5a.75.75 0 010 1.5h-.5a.25.25 0 00-.25.25v.75c0 .28.114.532.3.714a.75.75 0 01-1.05 1.072A2.495 2.495 0 012 11.5V8.75A.75.75 0 012.75 8zm10.5 0a.75.75 0 01.75.75v4.5a.75.75 0 01-.75.75h-2.5a.75.75 0 010-1.5h1.75v-2h-.75a.75.75 0 010-1.5h.75v-.25a.75.75 0 01.75-.75zM6 9.75A.75.75 0 016.75 9h2.5a.75.75 0 010 1.5h-2.5A.75.75 0 016 9.75zm-1 2.5v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path>'}}},star:{heights:{16:{width:16,path:'<path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path>'}}}},C=function(e,o){e=b(e).replace(/^octicon-/,""),f(y,e)||(e="mark-github");var t=o>=24&&24 in y[e].heights?24:16,r=y[e].heights[t];return'<svg viewBox="0 0 '+r.width+" "+t+'" width="'+o*r.width/t+'" height="'+o+'" class="octicon octicon-'+e+'" aria-hidden="true">'+r.path+"</svg>"},M={},A=function(e,o){var t=M[e]||(M[e]=[]);if(!(t.push(o)>1)){var r=g((function(){for(delete M[e];o=t.shift();)o.apply(null,arguments)}));if(l){var n=new a;m(n,"abort",r),m(n,"error",r),m(n,"load",(function(){var e;try{e=JSON.parse(this.responseText)}catch(e){return void r(e)}r(200!==this.status,e)})),n.open("GET",e),n.send()}else{var i=this||window;i._=function(e){i._=null,r(200!==e.meta.status,e.data)};var c=u(i.document)("script",{async:!0,src:e+(-1!==e.indexOf("?")?"&":"?")+"callback=_"}),d=function(){i._&&i._({meta:{}})};m(c,"load",d),m(c,"error",d),k(c,/de|m/,d),i.document.getElementsByTagName("head")[0].appendChild(c)}}},F=function(e,o,t){var r=u(e.ownerDocument),a=e.appendChild(r("style",{type:"text/css"})),n="body{margin:0}a{text-decoration:none;outline:0}.widget{display:inline-block;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:0;line-height:0;white-space:nowrap}.btn,.social-count{position:relative;display:inline-block;display:inline-flex;height:14px;padding:2px 5px;font-size:11px;font-weight:600;line-height:14px;vertical-align:bottom;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid}.btn{border-radius:.25em}.btn:not(:last-child){border-radius:.25em 0 0 .25em}.social-count{border-left:0;border-radius:0 .25em .25em 0}.widget-lg .btn,.widget-lg .social-count{height:16px;padding:5px 10px;font-size:12px;line-height:16px}.octicon{display:inline-block;vertical-align:text-top;fill:currentColor;overflow:visible}"+function(e){if(null==e)return x.light;if(f(x,e))return x[e];var o=p(e,";",":",(function(e){return e.replace(/^[ \t\n\f\r]+|[ \t\n\f\r]+$/g,"")}));return x[f(x,o["no-preference"])?o["no-preference"]:"light"]+z("light",o.light)+z("dark",o.dark)}(o["data-color-scheme"]);a.styleSheet?a.styleSheet.cssText=n:a.appendChild(e.ownerDocument.createTextNode(n));var i="large"===b(o["data-size"]),l=r("a",{className:"btn",href:o.href,rel:"noopener",target:"_blank",title:o.title||void 0,"aria-label":o["aria-label"]||void 0,innerHTML:C(o["data-icon"],i?16:14)+"&nbsp;"},[r("span",{},[o["data-text"]||""])]),d=e.appendChild(r("div",{className:"widget"+(i?" widget-lg":"")},[l])),s=l.hostname.replace(/\.$/,"");if(("."+s).substring(s.length-c.length)!=="."+c)return l.removeAttribute("href"),void t(d);var h=(" /"+l.pathname).split(/\/+/);if(((s===c||s==="gist."+c)&&"archive"===h[3]||s===c&&"releases"===h[3]&&("download"===h[4]||"latest"===h[4]&&"download"===h[5])||s==="codeload."+c)&&(l.target="_top"),"true"===b(o["data-show-count"])&&s===c&&"marketplace"!==h[1]&&"sponsors"!==h[1]&&"orgs"!==h[1]&&"users"!==h[1]&&"-"!==h[1]){var g,m;if(!h[2]&&h[1])m="followers",g="?tab=followers";else if(!h[3]&&h[2])m="stargazers_count",g="/stargazers";else if(h[4]||"subscription"!==h[3])if(h[4]||"fork"!==h[3]){if("issues"!==h[3])return void t(d);m="open_issues_count",g="/issues"}else m="forks_count",g="/network/members";else m="subscribers_count",g="/watchers";var v=h[2]?"/repos/"+h[1]+"/"+h[2]:"/users/"+h[1];A.call(this,"https://api.github.com"+v,(function(e,o){if(!e){var a=o[m];d.appendChild(r("a",{className:"social-count",href:o.html_url+g,rel:"noopener",target:"_blank","aria-label":a+" "+m.replace(/_count$/,"").replace("_"," ").slice(0,a<2?-1:void 0)+" on GitHub"},[(""+a).replace(/\B(?=(\d{3})+(?!\d))/g,",")]))}t(d)}))}else t(d)},L=window.devicePixelRatio||1,_=function(e){return(L>1?t.ceil(t.round(e*L)/L*2)/2:t.ceil(e))||0},E=function(e,o){e.style.width=o[0]+"px",e.style.height=o[1]+"px"},G=function(o,r){if(null!=o&&null!=r)if(o.getAttribute&&(o=function(e){var o={href:e.href,title:e.title,"aria-label":e.getAttribute("aria-label")};return s(["icon","color-scheme","text","size","show-count"],(function(t){var r="data-"+t;o[r]=e.getAttribute(r)})),null==o["data-text"]&&(o["data-text"]=e.textContent||e.innerText),o}(o)),d){var a=h("span");F(a.attachShadow({mode:"closed"}),o,(function(){r(a)}))}else{var n=h("iframe",{src:"javascript:0",title:o.title||void 0,allowtransparency:!0,scrolling:"no",frameBorder:0});E(n,[0,0]),n.style.border="none";var c=function(){var a,l=n.contentWindow;try{a=l.document.body}catch(o){return void e.body.appendChild(n.parentNode.removeChild(n))}v(n,"load",c),F.call(l,a,o,(function(e){var a=function(e){var o=e.offsetWidth,r=e.offsetHeight;if(e.getBoundingClientRect){var a=e.getBoundingClientRect();o=t.max(o,_(a.width)),r=t.max(r,_(a.height))}return[o,r]}(e);n.parentNode.removeChild(n),w(n,"load",(function(){E(n,a)})),n.src=i+"#"+(n.name=function(e,o,t,r){null==o&&(o="&"),null==t&&(t="="),null==r&&(r=window.encodeURIComponent);var a=[];for(var n in e){var i=e[n];null!=i&&a.push(r(n)+t+r(i))}return a.join(o)}(o)),r(n)}))};m(n,"load",c),e.body.appendChild(n)}};o.protocol+"//"+o.host+o.pathname===i?F(e.body,p(window.name||o.hash.replace(/^#/,"")),(function(){})):function(o){if("complete"===e.readyState||"loading"!==e.readyState&&!e.documentElement.doScroll)setTimeout(o);else if(e.addEventListener){var t=g(o);w(e,"DOMContentLoaded",t),w(window,"load",t)}else k(e,/m/,o)}((function(){var o,t=e.querySelectorAll?e.querySelectorAll("a."+n):(o=[],s(e.getElementsByTagName("a"),(function(e){-1!==(" "+e.className+" ").replace(/[ \t\n\f\r]+/g," ").indexOf(" github-button ")&&o.push(e)})),o);s(t,(function(e){G(e,(function(o){e.parentNode.replaceChild(o,e)}))}))}))}();
+!function(){"use strict";var o=window.document,e=o.location,t=window.Math,r=window.HTMLElement,a=window.XMLHttpRequest,n="github-button",i="https://buttons.github.io/buttons.html",c="github.com",l="https://api."+c,d=a&&"prototype"in a&&"withCredentials"in a.prototype,s=d&&r&&"attachShadow"in r.prototype&&!("prototype"in r.prototype.attachShadow),u=function(o,e){for(var t=0,r=o.length;t<r;t++)e(o[t])},f=function(o){return function(e,t,r){var a=o.createElement(e);if(null!=t)for(var n in t){var i=t[n];null!=i&&(null!=a[n]?a[n]=i:a.setAttribute(n,i))}return null!=r&&u(r,(function(e){a.appendChild("string"==typeof e?o.createTextNode(e):e)})),a}},h=f(o),g=function(o){var e;return function(){e||(e=1,o.apply(this,arguments))}},b=function(o,e){return{}.hasOwnProperty.call(o,e)},p=function(o){return(""+o).toLowerCase()},v=function(o,e,t,r){null==e&&(e="&"),null==t&&(t="="),null==r&&(r=window.decodeURIComponent);var a={};return u(o.split(e),(function(o){if(""!==o){var e=o.split(t);a[r(e[0])]=null!=e[1]?r(e.slice(1).join(t)):void 0}})),a},m=function(o,e,t){o.addEventListener?o.addEventListener(e,t,!1):o.attachEvent("on"+e,t)},w=function(o,e,t){o.removeEventListener?o.removeEventListener(e,t,!1):o.detachEvent("on"+e,t)},k=function(o,e,t){var r=function(){return w(o,e,r),t.apply(this,arguments)};m(o,e,r)},x=function(o,e,t){if(null!=o.readyState){var r="readystatechange",a=function(){if(e.test(o.readyState))return w(o,r,a),t.apply(this,arguments)};m(o,r,a)}},y={light:".btn:focus-visible,.social-count:focus-visible{outline:2px solid #0969da;outline-offset:-2px}.btn{color:#24292f;background-color:#ebf0f4;border-color:#ccd1d5;border-color:rgba(31,35,40,.15);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23f6f8fa'/%3e%3cstop offset='90%25' stop-color='%23ebf0f4'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #f6f8fa, #ebf0f4 90%);background-image:linear-gradient(180deg, #f6f8fa, #ebf0f4 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFF6F8FA', endColorstr='#FFEAEFF3')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#e9ebef;background-position:0 -0.5em;border-color:#cbcdd1;border-color:rgba(31,35,40,.15);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23f3f4f6'/%3e%3cstop offset='90%25' stop-color='%23e9ebef'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #f3f4f6, #e9ebef 90%);background-image:linear-gradient(180deg, #f3f4f6, #e9ebef 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFF3F4F6', endColorstr='#FFE8EAEE')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#e5e9ed;border-color:#c7cbcf;border-color:rgba(31,35,40,.15);background-image:none;filter:none}.social-count{color:#24292f;background-color:#fff;border-color:#dddedf;border-color:rgba(31,35,40,.15)}.social-count:hover,.social-count:focus{color:#0969da}.octicon-heart{color:#bf3989}",light_high_contrast:".btn:focus-visible,.social-count:focus-visible{outline:2px solid #0349b4;outline-offset:-2px}.btn{color:#0e1116;background-color:#e7ecf0;border-color:#2f3237;border-color:rgba(1,4,9,.8);background-image:none;filter:none}.btn:hover,.btn:focus{background-color:#c4cdd5;background-position:0 -0.5em;border-color:#282c32;border-color:rgba(1,4,9,.8);background-image:none;filter:none}.btn:active{background-color:#d8dde1;border-color:#2c2f34;border-color:rgba(1,4,9,.8)}.social-count{color:#0e1116;background-color:#fff;border-color:#34363a;border-color:rgba(1,4,9,.8)}.social-count:hover,.social-count:focus{color:#0349b4}.octicon-heart{color:#971368}",dark:".btn:focus-visible,.social-count:focus-visible{outline:2px solid #2f81f7;outline-offset:-2px}.btn{color:#c9d1d9;background-color:#1a1e23;border-color:#2f3439;border-color:rgba(240,246,252,.1);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%2321262d'/%3e%3cstop offset='90%25' stop-color='%231a1e23'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #21262d, #1a1e23 90%);background-image:linear-gradient(180deg, #21262d, #1a1e23 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF21262D', endColorstr='#FF191D22')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#292e33;background-position:0 -0.5em;border-color:#8b949e;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%2330363d'/%3e%3cstop offset='90%25' stop-color='%23292e33'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #30363d, #292e33 90%);background-image:linear-gradient(180deg, #30363d, #292e33 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF30363D', endColorstr='#FF282D32')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#161719;border-color:#8b949e;background-image:none;filter:none}.social-count{color:#c9d1d9;background-color:#0d1117;border-color:#24282e;border-color:rgba(240,246,252,.1)}.social-count:hover,.social-count:focus{color:#2f81f7}.octicon-heart{color:#db61a2}",dark_dimmed:".btn:focus-visible,.social-count:focus-visible{outline:2px solid #539bf5;outline-offset:-2px}.btn{color:#adbac7;background-color:#30363d;border-color:#40464e;border-color:rgba(205,217,229,.1);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23373e47'/%3e%3cstop offset='90%25' stop-color='%2330363d'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #373e47, #30363d 90%);background-image:linear-gradient(180deg, #373e47, #30363d 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF373E47', endColorstr='#FF2F353C')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#3c444d;background-position:0 -0.5em;border-color:#768390;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23444c56'/%3e%3cstop offset='90%25' stop-color='%233c444d'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #444c56, #3c444d 90%);background-image:linear-gradient(180deg, #444c56, #3c444d 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF444C56', endColorstr='#FF3B434C')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#2e3031;border-color:#768390;background-image:none;filter:none}.social-count{color:#adbac7;background-color:#22272e;border-color:#333940;border-color:rgba(205,217,229,.1)}.social-count:hover,.social-count:focus{color:#539bf5}.octicon-heart{color:#c96198}",dark_high_contrast:".btn:focus-visible,.social-count:focus-visible{outline:2px solid #71b7ff;outline-offset:-2px}.btn{color:#f0f3f6;background-color:#272b33;border-color:#7a828e;background-image:none;filter:none}.btn:hover,.btn:focus{background-color:#4a515b;background-position:0 -0.5em;border-color:#bdc4cc;background-image:none;filter:none}.btn:active{background-color:#1d1d1f;border-color:#bdc4cc}.social-count{color:#f0f3f6;background-color:#0a0c10;border-color:#7a828e}.social-count:hover,.social-count:focus{color:#71b7ff}.octicon-heart{color:#ef6eb1}"},C=function(o,e){return"@media(prefers-color-scheme:"+o+"){"+y[b(y,e)?e:o]+"}"},M={"comment-discussion":{heights:{16:{width:16,path:'<path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path>'}}},download:{heights:{16:{width:16,path:'<path d="M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z"></path><path d="M7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06l1.97 1.969Z"></path>'}}},eye:{heights:{16:{width:16,path:'<path d="M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5c1.473 0 2.825-.742 3.955-1.715 1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.825.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z"></path>'}}},heart:{heights:{16:{width:16,path:'<path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>'}}},"issue-opened":{heights:{16:{width:16,path:'<path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path>'}}},"mark-github":{heights:{16:{width:16,path:'<path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path>'}}},package:{heights:{16:{width:16,path:'<path d="m8.878.392 5.25 3.045c.54.314.872.89.872 1.514v6.098a1.75 1.75 0 0 1-.872 1.514l-5.25 3.045a1.75 1.75 0 0 1-1.756 0l-5.25-3.045A1.75 1.75 0 0 1 1 11.049V4.951c0-.624.332-1.201.872-1.514L7.122.392a1.75 1.75 0 0 1 1.756 0ZM7.875 1.69l-4.63 2.685L8 7.133l4.755-2.758-4.63-2.685a.248.248 0 0 0-.25 0ZM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432Zm6.25 8.271 4.625-2.683a.25.25 0 0 0 .125-.216V5.677L8.75 8.432Z"></path>'}}},play:{heights:{16:{width:16,path:'<path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path>'}}},"repo-forked":{heights:{16:{width:16,path:'<path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path>'}}},"repo-template":{heights:{16:{width:16,path:'<path d="M13.25 8a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-.75a.75.75 0 0 1 0-1.5h.75v-.25a.75.75 0 0 1 .75-.75ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2ZM2.75 8a.75.75 0 0 1 .75.75v.268c.083-.012.166-.018.25-.018h.5a.75.75 0 0 1 0 1.5h-.5a.25.25 0 0 0-.25.25v.75c0 .28.114.532.3.714a.75.75 0 1 1-1.05 1.072A2.495 2.495 0 0 1 2 11.5V8.75A.75.75 0 0 1 2.75 8ZM11 .75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0V1.5h-.75A.75.75 0 0 1 11 .75Zm-5 0A.75.75 0 0 1 6.75 0h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 6 .75Zm0 9A.75.75 0 0 1 6.75 9h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 6 9.75ZM4.992.662a.75.75 0 0 1-.636.848c-.436.063-.783.41-.846.846a.751.751 0 0 1-1.485-.212A2.501 2.501 0 0 1 4.144.025a.75.75 0 0 1 .848.637ZM2.75 4a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 2.75 4Zm10.5 0a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 .75-.75Z"></path>'}}},star:{heights:{16:{width:16,path:'<path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path>'}}}},Z=function(o,e){o=p(o).replace(/^octicon-/,""),b(M,o)||(o="mark-github");var t=e>=24&&24 in M[o].heights?24:16,r=M[o].heights[t];return'<svg viewBox="0 0 '+r.width+" "+t+'" width="'+e*r.width/t+'" height="'+e+'" class="octicon octicon-'+o+'" aria-hidden="true">'+r.path+"</svg>"},A={},F=function(o,e){var t=A[o]||(A[o]=[]);if(!(t.push(e)>1)){var r=g((function(){for(delete A[o];e=t.shift();)e.apply(null,arguments)}));if(d){var n=new a;m(n,"abort",r),m(n,"error",r),m(n,"load",(function(){var o;try{o=JSON.parse(this.responseText)}catch(o){return void r(o)}r(200!==this.status,o)})),n.open("GET",o),n.send()}else{var i=this||window;i._=function(o){i._=null,r(200!==o.meta.status,o.data)};var c=f(i.document)("script",{async:!0,src:o+(-1!==o.indexOf("?")?"&":"?")+"callback=_"}),l=function(){i._&&i._({meta:{}})};m(c,"load",l),m(c,"error",l),x(c,/de|m/,l),i.document.getElementsByTagName("head")[0].appendChild(c)}}},L=function(o,e,t){var r=f(o.ownerDocument),a=o.appendChild(r("style",{type:"text/css"})),n="body{margin:0}a{text-decoration:none;outline:0}.widget{display:inline-block;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:0;line-height:0;white-space:nowrap}.btn,.social-count{position:relative;display:inline-block;display:inline-flex;height:14px;padding:2px 5px;font-size:11px;font-weight:600;line-height:14px;vertical-align:bottom;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid}.btn{border-radius:.25em}.btn:not(:last-child){border-radius:.25em 0 0 .25em}.social-count{border-left:0;border-radius:0 .25em .25em 0}.widget-lg .btn,.widget-lg .social-count{height:16px;padding:5px 10px;font-size:12px;line-height:16px}.octicon{display:inline-block;vertical-align:text-top;fill:currentColor;overflow:visible}"+function(o){if(null==o)return y.light;if(b(y,o))return y[o];var e=v(o,";",":",(function(o){return o.replace(/^[ \t\n\f\r]+|[ \t\n\f\r]+$/g,"")}));return y[b(y,e["no-preference"])?e["no-preference"]:"light"]+C("light",e.light)+C("dark",e.dark)}(e["data-color-scheme"]);a.styleSheet?a.styleSheet.cssText=n:a.appendChild(o.ownerDocument.createTextNode(n));var i="large"===p(e["data-size"]),d=r("a",{className:"btn",href:e.href,rel:"noopener",target:"_blank",title:e.title||void 0,"aria-label":e["aria-label"]||void 0,innerHTML:Z(e["data-icon"],i?16:14)+"&nbsp;"},[r("span",{},[e["data-text"]||""])]),s=o.appendChild(r("div",{className:"widget"+(i?" widget-lg":"")},[d])),u=d.hostname.replace(/\.$/,"");if(("."+u).substring(u.length-10)!=="."+c)return d.removeAttribute("href"),void t(s);var h=(" /"+d.pathname).split(/\/+/);if(((u===c||u==="gist."+c)&&"archive"===h[3]||u===c&&"releases"===h[3]&&("download"===h[4]||"latest"===h[4]&&"download"===h[5])||u==="codeload."+c)&&(d.target="_top"),"true"===p(e["data-show-count"])&&u===c&&"marketplace"!==h[1]&&"sponsors"!==h[1]&&"orgs"!==h[1]&&"users"!==h[1]&&"-"!==h[1]){var g,m;if(!h[2]&&h[1])m="followers",g="?tab=followers";else if(!h[3]&&h[2])m="stargazers_count",g="/stargazers";else if(h[4]||"subscription"!==h[3])if(h[4]||"fork"!==h[3]){if("issues"!==h[3])return void t(s);m="open_issues_count",g="/issues"}else m="forks_count",g="/forks";else m="subscribers_count",g="/watchers";var w=h[2]?"/repos/"+h[1]+"/"+h[2]:"/users/"+h[1];F.call(this,l+w,(function(o,e){if(!o){var a=e[m];s.appendChild(r("a",{className:"social-count",href:e.html_url+g,rel:"noopener",target:"_blank","aria-label":a+" "+m.replace(/_count$/,"").replace("_"," ").slice(0,a<2?-1:void 0)+" on GitHub"},[(""+a).replace(/\B(?=(\d{3})+(?!\d))/g,",")]))}t(s)}))}else t(s)},_=window.devicePixelRatio||1,E=function(o){return(_>1?t.ceil(t.round(o*_)/_*2)/2:t.ceil(o))||0},G=function(o,e){o.style.width=e[0]+"px",o.style.height=e[1]+"px"},T=function(e,r){if(null!=e&&null!=r)if(e.getAttribute&&(e=function(o){var e={href:o.href,title:o.title,"aria-label":o.getAttribute("aria-label")};return u(["icon","color-scheme","text","size","show-count"],(function(t){var r="data-"+t;e[r]=o.getAttribute(r)})),null==e["data-text"]&&(e["data-text"]=o.textContent||o.innerText),e}(e)),s){var a=h("span");L(a.attachShadow({mode:"closed"}),e,(function(){r(a)}))}else{var n=h("iframe",{src:"javascript:0",title:e.title||void 0,allowtransparency:!0,scrolling:"no",frameBorder:0});G(n,[0,0]),n.style.border="none";var c=function(){var a,l=n.contentWindow;try{a=l.document.body}catch(e){return void o.body.appendChild(n.parentNode.removeChild(n))}w(n,"load",c),L.call(l,a,e,(function(o){var a=function(o){var e=o.offsetWidth,r=o.offsetHeight;if(o.getBoundingClientRect){var a=o.getBoundingClientRect();e=t.max(e,E(a.width)),r=t.max(r,E(a.height))}return[e,r]}(o);n.parentNode.removeChild(n),k(n,"load",(function(){G(n,a)})),n.src=i+"#"+(n.name=function(o,e,t,r){null==e&&(e="&"),null==t&&(t="="),null==r&&(r=window.encodeURIComponent);var a=[];for(var n in o){var i=o[n];null!=i&&a.push(r(n)+t+r(i))}return a.join(e)}(e)),r(n)}))};m(n,"load",c),o.body.appendChild(n)}};e.protocol+"//"+e.host+e.pathname===i?L(o.body,v(window.name||e.hash.replace(/^#/,"")),(function(){})):function(e){if("complete"===o.readyState||"loading"!==o.readyState&&!o.documentElement.doScroll)setTimeout(e);else if(o.addEventListener){var t=g(e);k(o,"DOMContentLoaded",t),k(window,"load",t)}else x(o,/m/,e)}((function(){var e,t=o.querySelectorAll?o.querySelectorAll("a."+n):(e=[],u(o.getElementsByTagName("a"),(function(o){-1!==(" "+o.className+" ").replace(/[ \t\n\f\r]+/g," ").indexOf(" "+n+" ")&&e.push(o)})),e);u(t,(function(o){T(o,(function(e){o.parentNode.replaceChild(e,o)}))}))}))}();
diff --git a/more/credits/index.html b/more/credits/index.html
index 99c092ef18..caa0e5d028 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,6 +123,7 @@
 </ul>
 </li>
 <li><a href="https://fontawesome.com" target="_blank">Font Awesome</a> - The internet&rsquo;s icon library and toolkit</li>
+<li><a href="https://github.com/buttons/github-buttons" target="_blank">github-buttons</a> - Unofficial github:buttons</li>
 <li><a href="https://lunrjs.com" target="_blank">Lunr</a> - Enables a great search experience without the need for external, server-side, search services</li>
 <li><a href="https://github.com/MihaiValentin/lunr-languages" target="_blank">Lunr Languages</a> - A collection of languages stemmers and stopwords for Lunr Javascript library</li>
 <li><a href="https://mathjax.org/" target="_blank">MathJax</a> - Beautiful math and chemical formulae in all browsers</li>
@@ -230,20 +231,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -304,24 +305,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/more/credits/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/more/credits/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -335,11 +336,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -362,12 +372,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 736cb71311..0250d3af56 100644
--- a/more/credits/index.print.html
+++ b/more/credits/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,6 +96,7 @@
 </ul>
 </li>
 <li><a href="https://fontawesome.com" target="_blank">Font Awesome</a> - The internet&rsquo;s icon library and toolkit</li>
+<li><a href="https://github.com/buttons/github-buttons" target="_blank">github-buttons</a> - Unofficial github:buttons</li>
 <li><a href="https://lunrjs.com" target="_blank">Lunr</a> - Enables a great search experience without the need for external, server-side, search services</li>
 <li><a href="https://github.com/MihaiValentin/lunr-languages" target="_blank">Lunr Languages</a> - A collection of languages stemmers and stopwords for Lunr Javascript library</li>
 <li><a href="https://mathjax.org/" target="_blank">MathJax</a> - Beautiful math and chemical formulae in all browsers</li>
@@ -134,8 +135,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 0b2a4018e5..31460529b2 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../js/url.js?1687453519"></script>
-    <script src="../js/variant.js?1687453519"></script>
+    <link href="../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../js/url.js?1690400162"></script>
+    <script src="../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 8e08296ce9..c37763fcc5 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-1f507b5a5a07efcfcb4af830438017f1" class="lightbox-link">
+<a href="#image-1a6b65d39fbb137603dc60d8d3c85107" 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-1f507b5a5a07efcfcb4af830438017f1">
+<a href="javascript:history.back();" class="lightbox" id="image-1a6b65d39fbb137603dc60d8d3c85107">
 <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>
@@ -285,10 +285,10 @@ default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-26d7a16ff3ee1abf84cca712c5972a1b" class="lightbox-link">
+<a href="#image-8c6c447d0384d301ae749ac0aff3a7d7" 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-26d7a16ff3ee1abf84cca712c5972a1b">
+<a href="javascript:history.back();" class="lightbox" id="image-8c6c447d0384d301ae749ac0aff3a7d7">
 <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>
 
@@ -370,20 +370,20 @@ default values:</p>
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -444,24 +444,24 @@ default values:</p>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/configuration/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/basics/configuration/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -475,11 +475,20 @@ default values:</p>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -502,12 +511,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index dfe6653977..093daadf25 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-1f507b5a5a07efcfcb4af830438017f1" class="lightbox-link">
+<a href="#image-1a6b65d39fbb137603dc60d8d3c85107" 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-1f507b5a5a07efcfcb4af830438017f1">
+<a href="javascript:history.back();" class="lightbox" id="image-1a6b65d39fbb137603dc60d8d3c85107">
 <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>
@@ -241,10 +241,10 @@ default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-26d7a16ff3ee1abf84cca712c5972a1b" class="lightbox-link">
+<a href="#image-8c6c447d0384d301ae749ac0aff3a7d7" 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-26d7a16ff3ee1abf84cca712c5972a1b">
+<a href="javascript:history.back();" class="lightbox" id="image-8c6c447d0384d301ae749ac0aff3a7d7">
 <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>
 
@@ -257,8 +257,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index f2efb1041c..28565577f2 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -282,20 +282,20 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -356,24 +356,24 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/customization/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/basics/customization/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -387,11 +387,20 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -414,12 +423,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index 74a8933b8d..b72a39541a 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +178,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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 8fcee3bd53..33a7a18a81 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-2d81f873687c83373bfebcdd8a6b123e" aria-controls="expandcontent-2d81f873687c83373bfebcdd8a6b123e" >
-    <label class="expand-label" for="expand-2d81f873687c83373bfebcdd8a6b123e" >
+    <input type="checkbox" id="expand-4520b346559ee0aa61759da3dbd70167" aria-controls="expandcontent-4520b346559ee0aa61759da3dbd70167" >
+    <label class="expand-label" for="expand-4520b346559ee0aa61759da3dbd70167" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-2d81f873687c83373bfebcdd8a6b123e" class="expand-content">
+    <div id="expandcontent-4520b346559ee0aa61759da3dbd70167" 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>
@@ -225,20 +225,20 @@ window.variants && variants.generator( '#vargenerator' );
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -299,24 +299,24 @@ window.variants && variants.generator( '#vargenerator' );
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/generator/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/basics/generator/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -330,11 +330,20 @@ window.variants && variants.generator( '#vargenerator' );
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -357,12 +366,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 31b7fb4aa6..7c957dea6e 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-2d81f873687c83373bfebcdd8a6b123e" aria-controls="expandcontent-2d81f873687c83373bfebcdd8a6b123e" >
-    <label class="expand-label" for="expand-2d81f873687c83373bfebcdd8a6b123e" >
+    <input type="checkbox" id="expand-4520b346559ee0aa61759da3dbd70167" aria-controls="expandcontent-4520b346559ee0aa61759da3dbd70167" >
+    <label class="expand-label" for="expand-4520b346559ee0aa61759da3dbd70167" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-2d81f873687c83373bfebcdd8a6b123e" class="expand-content">
+    <div id="expandcontent-4520b346559ee0aa61759da3dbd70167" 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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index af87f8eeeb..9541f8b0e1 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1982,20 +1982,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2056,24 +2056,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/history/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/basics/history/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -2087,11 +2087,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -2114,12 +2123,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index 2a1c473ece..59863f7fda 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1242,8 +1242,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 294df93740..062e9c8937 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../js/url.js?1690400162"></script>
+    <script src="../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -172,20 +172,20 @@
           </a>
         </div>
         <form action="../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../js/search.js?1687453521" defer></script>
+        <script src="../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -246,24 +246,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/basics/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -277,11 +277,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -304,12 +313,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?1687453521"></script>
+          <script async src="../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../js/theme.js?1687453521" defer></script>
+    <script src="../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index ef555e3e1f..9d75e8475f 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../js/url.js?1687453522"></script>
-    <script src="../../js/variant.js?1687453522"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../js/url.js?1690400164"></script>
+    <script src="../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -774,10 +774,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-68815f8365d98ada83dbe323916e3581" class="lightbox-link">
+<a href="#image-7446eeb674cfa5c7188c9275bb89ac87" 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-68815f8365d98ada83dbe323916e3581">
+<a href="javascript:history.back();" class="lightbox" id="image-7446eeb674cfa5c7188c9275bb89ac87">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -826,10 +826,10 @@
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-e9ad81f951e44334a596dc3d35a24d9d" class="lightbox-link">
+<a href="#image-05ca764f3a75b084660524d3655af3f0" 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-e9ad81f951e44334a596dc3d35a24d9d">
+<a href="javascript:history.back();" class="lightbox" id="image-05ca764f3a75b084660524d3655af3f0">
 <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>
@@ -984,10 +984,10 @@
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-1f507b5a5a07efcfcb4af830438017f1" class="lightbox-link">
+<a href="#image-1a6b65d39fbb137603dc60d8d3c85107" 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-1f507b5a5a07efcfcb4af830438017f1">
+<a href="javascript:history.back();" class="lightbox" id="image-1a6b65d39fbb137603dc60d8d3c85107">
 <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>
@@ -1036,10 +1036,10 @@ default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-26d7a16ff3ee1abf84cca712c5972a1b" class="lightbox-link">
+<a href="#image-8c6c447d0384d301ae749ac0aff3a7d7" 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-26d7a16ff3ee1abf84cca712c5972a1b">
+<a href="javascript:history.back();" class="lightbox" id="image-8c6c447d0384d301ae749ac0aff3a7d7">
 <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>
 
@@ -1162,13 +1162,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-2d81f873687c83373bfebcdd8a6b123e" aria-controls="expandcontent-2d81f873687c83373bfebcdd8a6b123e" >
-    <label class="expand-label" for="expand-2d81f873687c83373bfebcdd8a6b123e" >
+    <input type="checkbox" id="expand-4520b346559ee0aa61759da3dbd70167" aria-controls="expandcontent-4520b346559ee0aa61759da3dbd70167" >
+    <label class="expand-label" for="expand-4520b346559ee0aa61759da3dbd70167" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-2d81f873687c83373bfebcdd8a6b123e" class="expand-content">
+    <div id="expandcontent-4520b346559ee0aa61759da3dbd70167" 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>
@@ -2392,8 +2392,8 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../js/theme.js?1687453522" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 20feda9891..51025fcd14 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +143,10 @@
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-e9ad81f951e44334a596dc3d35a24d9d" class="lightbox-link">
+<a href="#image-05ca764f3a75b084660524d3655af3f0" 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-e9ad81f951e44334a596dc3d35a24d9d">
+<a href="javascript:history.back();" class="lightbox" id="image-05ca764f3a75b084660524d3655af3f0">
 <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>
@@ -255,20 +255,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -329,24 +329,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/installation/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/basics/installation/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -360,11 +360,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -387,12 +396,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index aebf1addb2..9767ff6ca3 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +108,10 @@
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-e9ad81f951e44334a596dc3d35a24d9d" class="lightbox-link">
+<a href="#image-05ca764f3a75b084660524d3655af3f0" 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-e9ad81f951e44334a596dc3d35a24d9d">
+<a href="javascript:history.back();" class="lightbox" id="image-05ca764f3a75b084660524d3655af3f0">
 <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>
@@ -151,8 +151,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index 6144bd76ac..7c66878f9a 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -884,20 +884,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -958,24 +958,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/migration/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/basics/migration/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -989,11 +989,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -1016,12 +1025,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 01812b901a..b2e6691cde 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -752,8 +752,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index a7edab523a..7ada0474ff 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-68815f8365d98ada83dbe323916e3581" class="lightbox-link">
+<a href="#image-7446eeb674cfa5c7188c9275bb89ac87" 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-68815f8365d98ada83dbe323916e3581">
+<a href="javascript:history.back();" class="lightbox" id="image-7446eeb674cfa5c7188c9275bb89ac87">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -182,20 +182,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,24 +256,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/basics/requirements/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/basics/requirements/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -287,11 +287,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -314,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 0da72da820..40bf6aa630 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-68815f8365d98ada83dbe323916e3581" class="lightbox-link">
+<a href="#image-7446eeb674cfa5c7188c9275bb89ac87" 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-68815f8365d98ada83dbe323916e3581">
+<a href="javascript:history.back();" class="lightbox" id="image-7446eeb674cfa5c7188c9275bb89ac87">
 <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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index 7dd29a70a4..d1a62160b1 100644
--- a/pir/categories/basic/index.html
+++ b/pir/categories/basic/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/basic/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/categories/basic/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index 1c09320cf5..3305ec347d 100644
--- a/pir/categories/content/index.html
+++ b/pir/categories/content/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/content/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/categories/content/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 0641f32695..cb826854b2 100644
--- a/pir/categories/custom/index.html
+++ b/pir/categories/custom/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/custom/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/categories/custom/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 369d86a795..62c45c7ff2 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../js/url.js?1690400162"></script>
+    <script src="../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +180,20 @@
           </a>
         </div>
         <form action="../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../js/search.js?1687453522" defer></script>
+        <script src="../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -254,24 +254,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/categories/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -285,11 +285,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -312,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?1687453522"></script>
+          <script async src="../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../js/theme.js?1687453522" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index 40934364cf..309740c89a 100644
--- a/pir/categories/taxonomy/index.html
+++ b/pir/categories/taxonomy/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/taxonomy/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/categories/taxonomy/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index 5a7ca3e029..b620e9e0b3 100644
--- a/pir/categories/theming/index.html
+++ b/pir/categories/theming/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -159,20 +159,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -233,24 +233,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/categories/theming/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/categories/theming/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -264,11 +264,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -291,12 +300,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 2357460c6a..9309e0eacf 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-a12effec9f63ea91a2791698216d0130" class="lightbox-link">
+<a href="#image-0facaec24feb0f74c5884b18af83032c" 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-a12effec9f63ea91a2791698216d0130">
+<a href="javascript:history.back();" class="lightbox" id="image-0facaec24feb0f74c5884b18af83032c">
 <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>
@@ -138,10 +138,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-15b95205a5fd52d0f212f72d96591c52" class="lightbox-link">
+<a href="#image-69bd9fc08cafd22e958c1b5c408ecb1d" 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-15b95205a5fd52d0f212f72d96591c52">
+<a href="javascript:history.back();" class="lightbox" id="image-69bd9fc08cafd22e958c1b5c408ecb1d">
 <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>
@@ -157,10 +157,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-380f0d6f752d5bf33181808ec223b1ef" class="lightbox-link">
+<a href="#image-541da23cdceaf7f0f5387260b78fd815" 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-380f0d6f752d5bf33181808ec223b1ef">
+<a href="javascript:history.back();" class="lightbox" id="image-541da23cdceaf7f0f5387260b78fd815">
 <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>
@@ -284,20 +284,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -358,24 +358,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/archetypes/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/cont/archetypes/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -389,11 +389,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -416,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 46c9a30b46..349ad73dcd 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-a12effec9f63ea91a2791698216d0130" class="lightbox-link">
+<a href="#image-0facaec24feb0f74c5884b18af83032c" 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-a12effec9f63ea91a2791698216d0130">
+<a href="javascript:history.back();" class="lightbox" id="image-0facaec24feb0f74c5884b18af83032c">
 <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>
@@ -101,10 +101,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-15b95205a5fd52d0f212f72d96591c52" class="lightbox-link">
+<a href="#image-69bd9fc08cafd22e958c1b5c408ecb1d" 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-15b95205a5fd52d0f212f72d96591c52">
+<a href="javascript:history.back();" class="lightbox" id="image-69bd9fc08cafd22e958c1b5c408ecb1d">
 <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>
@@ -120,10 +120,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-380f0d6f752d5bf33181808ec223b1ef" class="lightbox-link">
+<a href="#image-541da23cdceaf7f0f5387260b78fd815" 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-380f0d6f752d5bf33181808ec223b1ef">
+<a href="javascript:history.back();" class="lightbox" id="image-541da23cdceaf7f0f5387260b78fd815">
 <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>
@@ -178,8 +178,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 1fc984e61c..df4b6c6983 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-59df008d9815d21f1c4c4adc9bdd6fa7" class="lightbox-link">
+<a href="#image-da0642dcd6eaf5b43cbd7212c542750f" 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-59df008d9815d21f1c4c4adc9bdd6fa7">
+<a href="javascript:history.back();" class="lightbox" id="image-da0642dcd6eaf5b43cbd7212c542750f">
 <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>
@@ -293,20 +293,20 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -367,24 +367,24 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/i18n/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/cont/i18n/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -398,11 +398,20 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -425,12 +434,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index 6a918b9778..a56b898dea 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-59df008d9815d21f1c4c4adc9bdd6fa7" class="lightbox-link">
+<a href="#image-da0642dcd6eaf5b43cbd7212c542750f" 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-59df008d9815d21f1c4c4adc9bdd6fa7">
+<a href="javascript:history.back();" class="lightbox" id="image-da0642dcd6eaf5b43cbd7212c542750f">
 <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>
@@ -192,8 +192,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index d7a6f46538..94d500e7e4 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../js/url.js?1690400162"></script>
+    <script src="../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -172,20 +172,20 @@
           </a>
         </div>
         <form action="../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../js/search.js?1687453521" defer></script>
+        <script src="../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -246,24 +246,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/cont/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -277,11 +277,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -304,12 +313,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?1687453521"></script>
+          <script async src="../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../js/theme.js?1687453521" defer></script>
+    <script src="../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index 480ad7cd7f..1e137ca61e 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../js/url.js?1687453522"></script>
-    <script src="../../js/variant.js?1687453522"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../js/url.js?1690400164"></script>
+    <script src="../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,10 +164,10 @@
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
 		
-<a href="#image-fc12491692271652035e9be22fc01b79" class="lightbox-link">
+<a href="#image-b32b5911b76247e757b3dc4cdfef3731" 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-fc12491692271652035e9be22fc01b79">
+<a href="javascript:history.back();" class="lightbox" id="image-b32b5911b76247e757b3dc4cdfef3731">
 <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>
@@ -216,10 +216,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-a12effec9f63ea91a2791698216d0130" class="lightbox-link">
+<a href="#image-0facaec24feb0f74c5884b18af83032c" 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-a12effec9f63ea91a2791698216d0130">
+<a href="javascript:history.back();" class="lightbox" id="image-0facaec24feb0f74c5884b18af83032c">
 <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>
@@ -233,10 +233,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-15b95205a5fd52d0f212f72d96591c52" class="lightbox-link">
+<a href="#image-69bd9fc08cafd22e958c1b5c408ecb1d" 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-15b95205a5fd52d0f212f72d96591c52">
+<a href="javascript:history.back();" class="lightbox" id="image-69bd9fc08cafd22e958c1b5c408ecb1d">
 <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>
@@ -252,10 +252,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-380f0d6f752d5bf33181808ec223b1ef" class="lightbox-link">
+<a href="#image-541da23cdceaf7f0f5387260b78fd815" 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-380f0d6f752d5bf33181808ec223b1ef">
+<a href="javascript:history.back();" class="lightbox" id="image-541da23cdceaf7f0f5387260b78fd815">
 <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>
@@ -832,10 +832,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-72e9515548f84776d61936364edb28d5" class="lightbox-link">
+<a href="#image-cb37b837b46391d0de756e83c907eb77" 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-72e9515548f84776d61936364edb28d5">
+<a href="javascript:history.back();" class="lightbox" id="image-cb37b837b46391d0de756e83c907eb77">
 <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>
@@ -849,10 +849,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-6d55380bbb0314b479e10bb51bcedec9" class="lightbox-link">
+<a href="#image-c2d4dedc66c1484dffaeb318def40ded" 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-6d55380bbb0314b479e10bb51bcedec9">
+<a href="javascript:history.back();" class="lightbox" id="image-c2d4dedc66c1484dffaeb318def40ded">
 <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>
@@ -868,10 +868,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-bc82df48fb590c6e2e7ca47519609e25" class="lightbox-link">
+<a href="#image-98fef249926756ac9aaf353fc90fe194" 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-bc82df48fb590c6e2e7ca47519609e25">
+<a href="javascript:history.back();" class="lightbox" id="image-98fef249926756ac9aaf353fc90fe194">
 <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>
@@ -887,10 +887,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-52253c52c61e919d80da1d0fbcf4d6fe" class="lightbox-link">
+<a href="#image-e781566f03cee24ae79de904d0bbb751" 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-52253c52c61e919d80da1d0fbcf4d6fe">
+<a href="javascript:history.back();" class="lightbox" id="image-e781566f03cee24ae79de904d0bbb751">
 <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>
@@ -902,10 +902,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-7482ab5ee02919bee5eee2bce6e2c244" class="lightbox-link">
+<a href="#image-b8a30be6bf459cdc9694de9d756928bf" 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-7482ab5ee02919bee5eee2bce6e2c244">
+<a href="javascript:history.back();" class="lightbox" id="image-b8a30be6bf459cdc9694de9d756928bf">
 <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>
@@ -918,10 +918,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-dda8a467b5ed571acb3e0337bbe01ab3" class="lightbox-link">
+<a href="#image-4a41ee30f2083007073a4a84b48b31f3" 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-dda8a467b5ed571acb3e0337bbe01ab3">
+<a href="javascript:history.back();" class="lightbox" id="image-4a41ee30f2083007073a4a84b48b31f3">
 <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>
@@ -936,10 +936,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e004a6575a89f4c44807159a78efd382" class="lightbox-link">
+<a href="#image-e91df525b9287e4d3c95d700b698b366" 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-e004a6575a89f4c44807159a78efd382">
+<a href="javascript:history.back();" class="lightbox" id="image-e91df525b9287e4d3c95d700b698b366">
 <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>
@@ -952,10 +952,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-70509a6ba64c5748c21255e32dd8b84e" class="lightbox-link">
+<a href="#image-f2e2b9c7b8297f3d12845dfea1b217d9" 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-70509a6ba64c5748c21255e32dd8b84e">
+<a href="javascript:history.back();" class="lightbox" id="image-f2e2b9c7b8297f3d12845dfea1b217d9">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -968,10 +968,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-bf383fdd55bc35556eb3eeaa7974437b" class="lightbox-link">
+<a href="#image-1dcc247a58da2005e2709712828784cd" 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-bf383fdd55bc35556eb3eeaa7974437b">
+<a href="javascript:history.back();" class="lightbox" id="image-1dcc247a58da2005e2709712828784cd">
 <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>
@@ -984,10 +984,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-a8499e00b35a4d29748ae4d9d80fc446" class="lightbox-link">
+<a href="#image-ea463188b9bcb9ce41dd2605bc63c03b" 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-a8499e00b35a4d29748ae4d9d80fc446">
+<a href="javascript:history.back();" class="lightbox" id="image-ea463188b9bcb9ce41dd2605bc63c03b">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1003,34 +1003,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4215e1df1d44eb4d5cf2f2d72b908974" class="lightbox-link">
+<a href="#image-d83c93de85877fbcb4b3927953c8c9fa" 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-4215e1df1d44eb4d5cf2f2d72b908974">
+<a href="javascript:history.back();" class="lightbox" id="image-d83c93de85877fbcb4b3927953c8c9fa">
 <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-8d9aa1e141f157517fcbc8edd38a3682" class="lightbox-link">
+<a href="#image-cbb50ed8c3e7e47c80a9242414a8ab65" 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-8d9aa1e141f157517fcbc8edd38a3682">
+<a href="javascript:history.back();" class="lightbox" id="image-cbb50ed8c3e7e47c80a9242414a8ab65">
 <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-74a03e588362e5813a9804a482305225" class="lightbox-link">
+<a href="#image-7d0c2d3af71d68ce6ea3d21d47cc3f62" 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-74a03e588362e5813a9804a482305225">
+<a href="javascript:history.back();" class="lightbox" id="image-7d0c2d3af71d68ce6ea3d21d47cc3f62">
 <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-4d0d58b1efea1631aeba93bd51fd1c28" class="lightbox-link">
+<a href="#image-fd9df5a06df9c2bb29a1305767f3fea9" 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-4d0d58b1efea1631aeba93bd51fd1c28">
+<a href="javascript:history.back();" class="lightbox" id="image-fd9df5a06df9c2bb29a1305767f3fea9">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1043,10 +1043,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-033b1a2a1a766ffd3c1556709ce8d14c" class="lightbox-link">
+<a href="#image-fa17d86362b7d5b30a541b1ce211d443" 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-033b1a2a1a766ffd3c1556709ce8d14c">
+<a href="javascript:history.back();" class="lightbox" id="image-fa17d86362b7d5b30a541b1ce211d443">
 <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>
@@ -1219,10 +1219,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-59df008d9815d21f1c4c4adc9bdd6fa7" class="lightbox-link">
+<a href="#image-da0642dcd6eaf5b43cbd7212c542750f" 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-59df008d9815d21f1c4c4adc9bdd6fa7">
+<a href="javascript:history.back();" class="lightbox" id="image-da0642dcd6eaf5b43cbd7212c542750f">
 <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>
@@ -1364,8 +1364,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../js/theme.js?1687453523" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 0d10df81f8..ffaf8d3271 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -669,10 +669,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-72e9515548f84776d61936364edb28d5" class="lightbox-link">
+<a href="#image-cb37b837b46391d0de756e83c907eb77" 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-72e9515548f84776d61936364edb28d5">
+<a href="javascript:history.back();" class="lightbox" id="image-cb37b837b46391d0de756e83c907eb77">
 <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>
@@ -686,10 +686,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-6d55380bbb0314b479e10bb51bcedec9" class="lightbox-link">
+<a href="#image-c2d4dedc66c1484dffaeb318def40ded" 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-6d55380bbb0314b479e10bb51bcedec9">
+<a href="javascript:history.back();" class="lightbox" id="image-c2d4dedc66c1484dffaeb318def40ded">
 <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>
@@ -705,10 +705,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-bc82df48fb590c6e2e7ca47519609e25" class="lightbox-link">
+<a href="#image-98fef249926756ac9aaf353fc90fe194" 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-bc82df48fb590c6e2e7ca47519609e25">
+<a href="javascript:history.back();" class="lightbox" id="image-98fef249926756ac9aaf353fc90fe194">
 <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>
@@ -724,10 +724,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-52253c52c61e919d80da1d0fbcf4d6fe" class="lightbox-link">
+<a href="#image-e781566f03cee24ae79de904d0bbb751" 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-52253c52c61e919d80da1d0fbcf4d6fe">
+<a href="javascript:history.back();" class="lightbox" id="image-e781566f03cee24ae79de904d0bbb751">
 <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>
@@ -739,10 +739,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-7482ab5ee02919bee5eee2bce6e2c244" class="lightbox-link">
+<a href="#image-b8a30be6bf459cdc9694de9d756928bf" 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-7482ab5ee02919bee5eee2bce6e2c244">
+<a href="javascript:history.back();" class="lightbox" id="image-b8a30be6bf459cdc9694de9d756928bf">
 <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>
@@ -755,10 +755,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-dda8a467b5ed571acb3e0337bbe01ab3" class="lightbox-link">
+<a href="#image-4a41ee30f2083007073a4a84b48b31f3" 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-dda8a467b5ed571acb3e0337bbe01ab3">
+<a href="javascript:history.back();" class="lightbox" id="image-4a41ee30f2083007073a4a84b48b31f3">
 <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>
@@ -773,10 +773,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e004a6575a89f4c44807159a78efd382" class="lightbox-link">
+<a href="#image-e91df525b9287e4d3c95d700b698b366" 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-e004a6575a89f4c44807159a78efd382">
+<a href="javascript:history.back();" class="lightbox" id="image-e91df525b9287e4d3c95d700b698b366">
 <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>
@@ -789,10 +789,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-70509a6ba64c5748c21255e32dd8b84e" class="lightbox-link">
+<a href="#image-f2e2b9c7b8297f3d12845dfea1b217d9" 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-70509a6ba64c5748c21255e32dd8b84e">
+<a href="javascript:history.back();" class="lightbox" id="image-f2e2b9c7b8297f3d12845dfea1b217d9">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -805,10 +805,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-bf383fdd55bc35556eb3eeaa7974437b" class="lightbox-link">
+<a href="#image-1dcc247a58da2005e2709712828784cd" 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-bf383fdd55bc35556eb3eeaa7974437b">
+<a href="javascript:history.back();" class="lightbox" id="image-1dcc247a58da2005e2709712828784cd">
 <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>
@@ -821,10 +821,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-a8499e00b35a4d29748ae4d9d80fc446" class="lightbox-link">
+<a href="#image-ea463188b9bcb9ce41dd2605bc63c03b" 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-a8499e00b35a4d29748ae4d9d80fc446">
+<a href="javascript:history.back();" class="lightbox" id="image-ea463188b9bcb9ce41dd2605bc63c03b">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -840,34 +840,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4215e1df1d44eb4d5cf2f2d72b908974" class="lightbox-link">
+<a href="#image-d83c93de85877fbcb4b3927953c8c9fa" 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-4215e1df1d44eb4d5cf2f2d72b908974">
+<a href="javascript:history.back();" class="lightbox" id="image-d83c93de85877fbcb4b3927953c8c9fa">
 <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-8d9aa1e141f157517fcbc8edd38a3682" class="lightbox-link">
+<a href="#image-cbb50ed8c3e7e47c80a9242414a8ab65" 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-8d9aa1e141f157517fcbc8edd38a3682">
+<a href="javascript:history.back();" class="lightbox" id="image-cbb50ed8c3e7e47c80a9242414a8ab65">
 <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-74a03e588362e5813a9804a482305225" class="lightbox-link">
+<a href="#image-7d0c2d3af71d68ce6ea3d21d47cc3f62" 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-74a03e588362e5813a9804a482305225">
+<a href="javascript:history.back();" class="lightbox" id="image-7d0c2d3af71d68ce6ea3d21d47cc3f62">
 <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-4d0d58b1efea1631aeba93bd51fd1c28" class="lightbox-link">
+<a href="#image-fd9df5a06df9c2bb29a1305767f3fea9" 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-4d0d58b1efea1631aeba93bd51fd1c28">
+<a href="javascript:history.back();" class="lightbox" id="image-fd9df5a06df9c2bb29a1305767f3fea9">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -880,10 +880,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-033b1a2a1a766ffd3c1556709ce8d14c" class="lightbox-link">
+<a href="#image-fa17d86362b7d5b30a541b1ce211d443" 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-033b1a2a1a766ffd3c1556709ce8d14c">
+<a href="javascript:history.back();" class="lightbox" id="image-fa17d86362b7d5b30a541b1ce211d443">
 <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>
@@ -979,20 +979,20 @@ line 3 o' code
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1053,24 +1053,24 @@ line 3 o' code
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/markdown/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/cont/markdown/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -1084,11 +1084,20 @@ line 3 o' code
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -1111,12 +1120,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index 8a4e1146d4..674a341179 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -596,10 +596,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-72e9515548f84776d61936364edb28d5" class="lightbox-link">
+<a href="#image-cb37b837b46391d0de756e83c907eb77" 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-72e9515548f84776d61936364edb28d5">
+<a href="javascript:history.back();" class="lightbox" id="image-cb37b837b46391d0de756e83c907eb77">
 <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>
@@ -613,10 +613,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-6d55380bbb0314b479e10bb51bcedec9" class="lightbox-link">
+<a href="#image-c2d4dedc66c1484dffaeb318def40ded" 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-6d55380bbb0314b479e10bb51bcedec9">
+<a href="javascript:history.back();" class="lightbox" id="image-c2d4dedc66c1484dffaeb318def40ded">
 <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>
@@ -632,10 +632,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-bc82df48fb590c6e2e7ca47519609e25" class="lightbox-link">
+<a href="#image-98fef249926756ac9aaf353fc90fe194" 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-bc82df48fb590c6e2e7ca47519609e25">
+<a href="javascript:history.back();" class="lightbox" id="image-98fef249926756ac9aaf353fc90fe194">
 <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>
@@ -651,10 +651,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-52253c52c61e919d80da1d0fbcf4d6fe" class="lightbox-link">
+<a href="#image-e781566f03cee24ae79de904d0bbb751" 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-52253c52c61e919d80da1d0fbcf4d6fe">
+<a href="javascript:history.back();" class="lightbox" id="image-e781566f03cee24ae79de904d0bbb751">
 <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>
@@ -666,10 +666,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-7482ab5ee02919bee5eee2bce6e2c244" class="lightbox-link">
+<a href="#image-b8a30be6bf459cdc9694de9d756928bf" 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-7482ab5ee02919bee5eee2bce6e2c244">
+<a href="javascript:history.back();" class="lightbox" id="image-b8a30be6bf459cdc9694de9d756928bf">
 <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>
@@ -682,10 +682,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-dda8a467b5ed571acb3e0337bbe01ab3" class="lightbox-link">
+<a href="#image-4a41ee30f2083007073a4a84b48b31f3" 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-dda8a467b5ed571acb3e0337bbe01ab3">
+<a href="javascript:history.back();" class="lightbox" id="image-4a41ee30f2083007073a4a84b48b31f3">
 <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>
@@ -700,10 +700,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e004a6575a89f4c44807159a78efd382" class="lightbox-link">
+<a href="#image-e91df525b9287e4d3c95d700b698b366" 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-e004a6575a89f4c44807159a78efd382">
+<a href="javascript:history.back();" class="lightbox" id="image-e91df525b9287e4d3c95d700b698b366">
 <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>
@@ -716,10 +716,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-70509a6ba64c5748c21255e32dd8b84e" class="lightbox-link">
+<a href="#image-f2e2b9c7b8297f3d12845dfea1b217d9" 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-70509a6ba64c5748c21255e32dd8b84e">
+<a href="javascript:history.back();" class="lightbox" id="image-f2e2b9c7b8297f3d12845dfea1b217d9">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -732,10 +732,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-bf383fdd55bc35556eb3eeaa7974437b" class="lightbox-link">
+<a href="#image-1dcc247a58da2005e2709712828784cd" 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-bf383fdd55bc35556eb3eeaa7974437b">
+<a href="javascript:history.back();" class="lightbox" id="image-1dcc247a58da2005e2709712828784cd">
 <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>
@@ -748,10 +748,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-a8499e00b35a4d29748ae4d9d80fc446" class="lightbox-link">
+<a href="#image-ea463188b9bcb9ce41dd2605bc63c03b" 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-a8499e00b35a4d29748ae4d9d80fc446">
+<a href="javascript:history.back();" class="lightbox" id="image-ea463188b9bcb9ce41dd2605bc63c03b">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -767,34 +767,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4215e1df1d44eb4d5cf2f2d72b908974" class="lightbox-link">
+<a href="#image-d83c93de85877fbcb4b3927953c8c9fa" 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-4215e1df1d44eb4d5cf2f2d72b908974">
+<a href="javascript:history.back();" class="lightbox" id="image-d83c93de85877fbcb4b3927953c8c9fa">
 <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-8d9aa1e141f157517fcbc8edd38a3682" class="lightbox-link">
+<a href="#image-cbb50ed8c3e7e47c80a9242414a8ab65" 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-8d9aa1e141f157517fcbc8edd38a3682">
+<a href="javascript:history.back();" class="lightbox" id="image-cbb50ed8c3e7e47c80a9242414a8ab65">
 <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-74a03e588362e5813a9804a482305225" class="lightbox-link">
+<a href="#image-7d0c2d3af71d68ce6ea3d21d47cc3f62" 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-74a03e588362e5813a9804a482305225">
+<a href="javascript:history.back();" class="lightbox" id="image-7d0c2d3af71d68ce6ea3d21d47cc3f62">
 <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-4d0d58b1efea1631aeba93bd51fd1c28" class="lightbox-link">
+<a href="#image-fd9df5a06df9c2bb29a1305767f3fea9" 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-4d0d58b1efea1631aeba93bd51fd1c28">
+<a href="javascript:history.back();" class="lightbox" id="image-fd9df5a06df9c2bb29a1305767f3fea9">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -807,10 +807,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-033b1a2a1a766ffd3c1556709ce8d14c" class="lightbox-link">
+<a href="#image-fa17d86362b7d5b30a541b1ce211d443" 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-033b1a2a1a766ffd3c1556709ce8d14c">
+<a href="javascript:history.back();" class="lightbox" id="image-fa17d86362b7d5b30a541b1ce211d443">
 <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>
@@ -837,8 +837,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 3c5081da81..2a0a3b7e3d 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +304,20 @@ However, if ye want t' keep th' title but change its value, it can be overridden
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../../js/search.js?1687453519" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -378,24 +378,24 @@ However, if ye want t' keep th' title but change its value, it can be overridden
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/menushortcuts/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/cont/menushortcuts/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -409,11 +409,20 @@ However, if ye want t' keep th' title but change its value, it can be overridden
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -436,12 +445,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?1687453519"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index bf7ac1b302..d289a640a0 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -208,8 +208,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index c7035a6936..6b13134bea 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +182,10 @@
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
 		
-<a href="#image-fc12491692271652035e9be22fc01b79" class="lightbox-link">
+<a href="#image-b32b5911b76247e757b3dc4cdfef3731" 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-fc12491692271652035e9be22fc01b79">
+<a href="javascript:history.back();" class="lightbox" id="image-b32b5911b76247e757b3dc4cdfef3731">
 <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>
@@ -293,20 +293,20 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -367,24 +367,24 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/pages/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/cont/pages/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -398,11 +398,20 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -425,12 +434,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 36160a0eb1..978d98941d 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +148,10 @@
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
 		
-<a href="#image-fc12491692271652035e9be22fc01b79" class="lightbox-link">
+<a href="#image-b32b5911b76247e757b3dc4cdfef3731" 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-fc12491692271652035e9be22fc01b79">
+<a href="javascript:history.back();" class="lightbox" id="image-b32b5911b76247e757b3dc4cdfef3731">
 <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>
@@ -190,8 +190,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index b319e69fc0..4c8482bb43 100644
--- a/pir/cont/taxonomy/index.html
+++ b/pir/cont/taxonomy/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -208,20 +208,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../../js/search.js?1687453519" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,24 +282,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/cont/taxonomy/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/cont/taxonomy/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -313,11 +313,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -340,12 +349,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?1687453519"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index 1939631e3b..48bc8c9c51 100644
--- a/pir/cont/taxonomy/index.print.html
+++ b/pir/cont/taxonomy/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 9ba7f59d76..6f5d6c19af 100644
--- a/pir/dev/contributing/index.html
+++ b/pir/dev/contributing/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know if you want to contribute">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -298,20 +298,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -376,24 +376,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/dev/contributing/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/dev/contributing/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -407,11 +407,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -434,12 +443,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 215797dbec..a6612513cd 100644
--- a/pir/dev/contributing/index.print.html
+++ b/pir/dev/contributing/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know if you want to contribute">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 209aa223c9..7c0bdf791c 100644
--- a/pir/dev/index.html
+++ b/pir/dev/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../js/url.js?1690400162"></script>
+    <script src="../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +178,20 @@
           </a>
         </div>
         <form action="../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../js/search.js?1687453521" defer></script>
+        <script src="../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,24 +256,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/dev/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/dev/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -287,11 +287,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -314,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?1687453521"></script>
+          <script async src="../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../js/theme.js?1687453521" defer></script>
+    <script src="../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index d8c4d27b0c..d54ba2de7d 100644
--- a/pir/dev/index.print.html
+++ b/pir/dev/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../js/url.js?1687453522"></script>
-    <script src="../../js/variant.js?1687453522"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../js/url.js?1690400164"></script>
+    <script src="../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-c67f2e28bea4e4f34ca38bbd16f51d6b" class="lightbox-link">
+<a href="#image-f0fc2c127020ae0cc6ea31e90a0cdf41" 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-c67f2e28bea4e4f34ca38bbd16f51d6b">
+<a href="javascript:history.back();" class="lightbox" id="image-f0fc2c127020ae0cc6ea31e90a0cdf41">
 <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-3cb0e0fdf50bbb8fdcb4e50175163939" class="lightbox-link">
+<a href="#image-07e4a2aac4046154f940aa0ea7099970" 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-3cb0e0fdf50bbb8fdcb4e50175163939">
+<a href="javascript:history.back();" class="lightbox" id="image-07e4a2aac4046154f940aa0ea7099970">
 <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-79b8258b3af6dc9079229270c6fa3506" class="lightbox-link">
+<a href="#image-ddd248814b020415f4795d55051be555" 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-79b8258b3af6dc9079229270c6fa3506">
+<a href="javascript:history.back();" class="lightbox" id="image-ddd248814b020415f4795d55051be555">
 <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?1687453523" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../js/theme.js?1687453523" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 639786d1be..b4441c4a34 100644
--- a/pir/dev/maintaining/index.html
+++ b/pir/dev/maintaining/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know as a maintainer">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -385,20 +385,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -463,24 +463,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/dev/maintaining/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/dev/maintaining/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -494,11 +494,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -521,12 +530,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index fef2f7a536..9f4061d951 100644
--- a/pir/dev/maintaining/index.print.html
+++ b/pir/dev/maintaining/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know as a maintainer">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 06089f4f45..39e78de4a6 100644
--- a/pir/dev/screenshots/index.html
+++ b/pir/dev/screenshots/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-c67f2e28bea4e4f34ca38bbd16f51d6b" class="lightbox-link">
+<a href="#image-f0fc2c127020ae0cc6ea31e90a0cdf41" 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-c67f2e28bea4e4f34ca38bbd16f51d6b">
+<a href="javascript:history.back();" class="lightbox" id="image-f0fc2c127020ae0cc6ea31e90a0cdf41">
 <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-3cb0e0fdf50bbb8fdcb4e50175163939" class="lightbox-link">
+<a href="#image-07e4a2aac4046154f940aa0ea7099970" 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-3cb0e0fdf50bbb8fdcb4e50175163939">
+<a href="javascript:history.back();" class="lightbox" id="image-07e4a2aac4046154f940aa0ea7099970">
 <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-79b8258b3af6dc9079229270c6fa3506" class="lightbox-link">
+<a href="#image-ddd248814b020415f4795d55051be555" 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-79b8258b3af6dc9079229270c6fa3506">
+<a href="javascript:history.back();" class="lightbox" id="image-ddd248814b020415f4795d55051be555">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -278,20 +278,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -356,24 +356,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/dev/screenshots/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/dev/screenshots/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -387,11 +387,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -414,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index cc0348659f..92bb66530d 100644
--- a/pir/dev/screenshots/index.print.html
+++ b/pir/dev/screenshots/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-c67f2e28bea4e4f34ca38bbd16f51d6b" class="lightbox-link">
+<a href="#image-f0fc2c127020ae0cc6ea31e90a0cdf41" 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-c67f2e28bea4e4f34ca38bbd16f51d6b">
+<a href="javascript:history.back();" class="lightbox" id="image-f0fc2c127020ae0cc6ea31e90a0cdf41">
 <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-3cb0e0fdf50bbb8fdcb4e50175163939" class="lightbox-link">
+<a href="#image-07e4a2aac4046154f940aa0ea7099970" 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-3cb0e0fdf50bbb8fdcb4e50175163939">
+<a href="javascript:history.back();" class="lightbox" id="image-07e4a2aac4046154f940aa0ea7099970">
 <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-79b8258b3af6dc9079229270c6fa3506" class="lightbox-link">
+<a href="#image-ddd248814b020415f4795d55051be555" 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-79b8258b3af6dc9079229270c6fa3506">
+<a href="javascript:history.back();" class="lightbox" id="image-ddd248814b020415f4795d55051be555">
 <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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index f42377363a..0d3207c5e4 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../js/url.js?1687453519"></script>
-    <script src="../js/variant.js?1687453519"></script>
+    <link href="../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../js/url.js?1690400162"></script>
+    <script src="../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-c11df9e86f532e1b53f1707e7e4d148f" class="lightbox-link">
+<a href="#image-a972770549800393ea3fcb3fdf0f4ced" 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-c11df9e86f532e1b53f1707e7e4d148f">
+<a href="javascript:history.back();" class="lightbox" id="image-a972770549800393ea3fcb3fdf0f4ced">
 <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>
@@ -285,20 +285,20 @@
           </a>
         </div>
         <form action="../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453521" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../js/search.js?1687453521" defer></script>
+        <script src="../js/auto-complete.js?1690400163" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -359,24 +359,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -390,11 +390,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -417,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?1687453521"></script>
+          <script async src="../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../js/theme.js?1687453521" defer></script>
+    <script src="../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index fac2d6b38b..101e83b832 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../js/url.js?1687453522"></script>
-    <script src="../js/variant.js?1687453522"></script>
+    <link href="../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../js/url.js?1690400164"></script>
+    <script src="../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-c11df9e86f532e1b53f1707e7e4d148f" class="lightbox-link">
+<a href="#image-a972770549800393ea3fcb3fdf0f4ced" 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-c11df9e86f532e1b53f1707e7e4d148f">
+<a href="javascript:history.back();" class="lightbox" id="image-a972770549800393ea3fcb3fdf0f4ced">
 <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>
@@ -889,10 +889,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-68815f8365d98ada83dbe323916e3581" class="lightbox-link">
+<a href="#image-7446eeb674cfa5c7188c9275bb89ac87" 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-68815f8365d98ada83dbe323916e3581">
+<a href="javascript:history.back();" class="lightbox" id="image-7446eeb674cfa5c7188c9275bb89ac87">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -941,10 +941,10 @@
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-e9ad81f951e44334a596dc3d35a24d9d" class="lightbox-link">
+<a href="#image-05ca764f3a75b084660524d3655af3f0" 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-e9ad81f951e44334a596dc3d35a24d9d">
+<a href="javascript:history.back();" class="lightbox" id="image-05ca764f3a75b084660524d3655af3f0">
 <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>
@@ -1099,10 +1099,10 @@
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-1f507b5a5a07efcfcb4af830438017f1" class="lightbox-link">
+<a href="#image-1a6b65d39fbb137603dc60d8d3c85107" 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-1f507b5a5a07efcfcb4af830438017f1">
+<a href="javascript:history.back();" class="lightbox" id="image-1a6b65d39fbb137603dc60d8d3c85107">
 <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>
@@ -1151,10 +1151,10 @@ default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-26d7a16ff3ee1abf84cca712c5972a1b" class="lightbox-link">
+<a href="#image-8c6c447d0384d301ae749ac0aff3a7d7" 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-26d7a16ff3ee1abf84cca712c5972a1b">
+<a href="javascript:history.back();" class="lightbox" id="image-8c6c447d0384d301ae749ac0aff3a7d7">
 <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>
 
@@ -1277,13 +1277,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-2d81f873687c83373bfebcdd8a6b123e" aria-controls="expandcontent-2d81f873687c83373bfebcdd8a6b123e" >
-    <label class="expand-label" for="expand-2d81f873687c83373bfebcdd8a6b123e" >
+    <input type="checkbox" id="expand-4520b346559ee0aa61759da3dbd70167" aria-controls="expandcontent-4520b346559ee0aa61759da3dbd70167" >
+    <label class="expand-label" for="expand-4520b346559ee0aa61759da3dbd70167" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-2d81f873687c83373bfebcdd8a6b123e" class="expand-content">
+    <div id="expandcontent-4520b346559ee0aa61759da3dbd70167" 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>
@@ -2598,10 +2598,10 @@ window.variants && variants.generator( '#vargenerator' );
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
 		
-<a href="#image-fc12491692271652035e9be22fc01b79" class="lightbox-link">
+<a href="#image-b32b5911b76247e757b3dc4cdfef3731" 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-fc12491692271652035e9be22fc01b79">
+<a href="javascript:history.back();" class="lightbox" id="image-b32b5911b76247e757b3dc4cdfef3731">
 <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>
@@ -2650,10 +2650,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-a12effec9f63ea91a2791698216d0130" class="lightbox-link">
+<a href="#image-0facaec24feb0f74c5884b18af83032c" 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-a12effec9f63ea91a2791698216d0130">
+<a href="javascript:history.back();" class="lightbox" id="image-0facaec24feb0f74c5884b18af83032c">
 <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>
@@ -2667,10 +2667,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-15b95205a5fd52d0f212f72d96591c52" class="lightbox-link">
+<a href="#image-69bd9fc08cafd22e958c1b5c408ecb1d" 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-15b95205a5fd52d0f212f72d96591c52">
+<a href="javascript:history.back();" class="lightbox" id="image-69bd9fc08cafd22e958c1b5c408ecb1d">
 <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>
@@ -2686,10 +2686,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-380f0d6f752d5bf33181808ec223b1ef" class="lightbox-link">
+<a href="#image-541da23cdceaf7f0f5387260b78fd815" 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-380f0d6f752d5bf33181808ec223b1ef">
+<a href="javascript:history.back();" class="lightbox" id="image-541da23cdceaf7f0f5387260b78fd815">
 <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>
@@ -3266,10 +3266,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-72e9515548f84776d61936364edb28d5" class="lightbox-link">
+<a href="#image-cb37b837b46391d0de756e83c907eb77" 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-72e9515548f84776d61936364edb28d5">
+<a href="javascript:history.back();" class="lightbox" id="image-cb37b837b46391d0de756e83c907eb77">
 <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>
@@ -3283,10 +3283,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-6d55380bbb0314b479e10bb51bcedec9" class="lightbox-link">
+<a href="#image-c2d4dedc66c1484dffaeb318def40ded" 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-6d55380bbb0314b479e10bb51bcedec9">
+<a href="javascript:history.back();" class="lightbox" id="image-c2d4dedc66c1484dffaeb318def40ded">
 <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>
@@ -3302,10 +3302,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-bc82df48fb590c6e2e7ca47519609e25" class="lightbox-link">
+<a href="#image-98fef249926756ac9aaf353fc90fe194" 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-bc82df48fb590c6e2e7ca47519609e25">
+<a href="javascript:history.back();" class="lightbox" id="image-98fef249926756ac9aaf353fc90fe194">
 <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>
@@ -3321,10 +3321,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-52253c52c61e919d80da1d0fbcf4d6fe" class="lightbox-link">
+<a href="#image-e781566f03cee24ae79de904d0bbb751" 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-52253c52c61e919d80da1d0fbcf4d6fe">
+<a href="javascript:history.back();" class="lightbox" id="image-e781566f03cee24ae79de904d0bbb751">
 <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>
@@ -3336,10 +3336,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-7482ab5ee02919bee5eee2bce6e2c244" class="lightbox-link">
+<a href="#image-b8a30be6bf459cdc9694de9d756928bf" 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-7482ab5ee02919bee5eee2bce6e2c244">
+<a href="javascript:history.back();" class="lightbox" id="image-b8a30be6bf459cdc9694de9d756928bf">
 <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>
@@ -3352,10 +3352,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-dda8a467b5ed571acb3e0337bbe01ab3" class="lightbox-link">
+<a href="#image-4a41ee30f2083007073a4a84b48b31f3" 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-dda8a467b5ed571acb3e0337bbe01ab3">
+<a href="javascript:history.back();" class="lightbox" id="image-4a41ee30f2083007073a4a84b48b31f3">
 <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>
@@ -3370,10 +3370,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e004a6575a89f4c44807159a78efd382" class="lightbox-link">
+<a href="#image-e91df525b9287e4d3c95d700b698b366" 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-e004a6575a89f4c44807159a78efd382">
+<a href="javascript:history.back();" class="lightbox" id="image-e91df525b9287e4d3c95d700b698b366">
 <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>
@@ -3386,10 +3386,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-70509a6ba64c5748c21255e32dd8b84e" class="lightbox-link">
+<a href="#image-f2e2b9c7b8297f3d12845dfea1b217d9" 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-70509a6ba64c5748c21255e32dd8b84e">
+<a href="javascript:history.back();" class="lightbox" id="image-f2e2b9c7b8297f3d12845dfea1b217d9">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3402,10 +3402,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-bf383fdd55bc35556eb3eeaa7974437b" class="lightbox-link">
+<a href="#image-1dcc247a58da2005e2709712828784cd" 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-bf383fdd55bc35556eb3eeaa7974437b">
+<a href="javascript:history.back();" class="lightbox" id="image-1dcc247a58da2005e2709712828784cd">
 <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>
@@ -3418,10 +3418,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-a8499e00b35a4d29748ae4d9d80fc446" class="lightbox-link">
+<a href="#image-ea463188b9bcb9ce41dd2605bc63c03b" 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-a8499e00b35a4d29748ae4d9d80fc446">
+<a href="javascript:history.back();" class="lightbox" id="image-ea463188b9bcb9ce41dd2605bc63c03b">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3437,34 +3437,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4215e1df1d44eb4d5cf2f2d72b908974" class="lightbox-link">
+<a href="#image-d83c93de85877fbcb4b3927953c8c9fa" 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-4215e1df1d44eb4d5cf2f2d72b908974">
+<a href="javascript:history.back();" class="lightbox" id="image-d83c93de85877fbcb4b3927953c8c9fa">
 <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-8d9aa1e141f157517fcbc8edd38a3682" class="lightbox-link">
+<a href="#image-cbb50ed8c3e7e47c80a9242414a8ab65" 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-8d9aa1e141f157517fcbc8edd38a3682">
+<a href="javascript:history.back();" class="lightbox" id="image-cbb50ed8c3e7e47c80a9242414a8ab65">
 <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-74a03e588362e5813a9804a482305225" class="lightbox-link">
+<a href="#image-7d0c2d3af71d68ce6ea3d21d47cc3f62" 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-74a03e588362e5813a9804a482305225">
+<a href="javascript:history.back();" class="lightbox" id="image-7d0c2d3af71d68ce6ea3d21d47cc3f62">
 <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-4d0d58b1efea1631aeba93bd51fd1c28" class="lightbox-link">
+<a href="#image-fd9df5a06df9c2bb29a1305767f3fea9" 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-4d0d58b1efea1631aeba93bd51fd1c28">
+<a href="javascript:history.back();" class="lightbox" id="image-fd9df5a06df9c2bb29a1305767f3fea9">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3477,10 +3477,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-033b1a2a1a766ffd3c1556709ce8d14c" class="lightbox-link">
+<a href="#image-fa17d86362b7d5b30a541b1ce211d443" 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-033b1a2a1a766ffd3c1556709ce8d14c">
+<a href="javascript:history.back();" class="lightbox" id="image-fa17d86362b7d5b30a541b1ce211d443">
 <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>
@@ -3653,10 +3653,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-59df008d9815d21f1c4c4adc9bdd6fa7" class="lightbox-link">
+<a href="#image-da0642dcd6eaf5b43cbd7212c542750f" 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-59df008d9815d21f1c4c4adc9bdd6fa7">
+<a href="javascript:history.back();" class="lightbox" id="image-da0642dcd6eaf5b43cbd7212c542750f">
 <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>
@@ -3871,13 +3871,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="4b7d4c9313c551c305624e9e385ee75f">
+<div class="tab-panel" data-tab-group="6a8c1946bf151ebe8d7ea3be3c65e965">
   <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('4b7d4c9313c551c305624e9e385ee75f','shortcode')"
+      onclick="switchTab('6a8c1946bf151ebe8d7ea3be3c65e965','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3887,7 +3887,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('4b7d4c9313c551c305624e9e385ee75f','partial')"
+      onclick="switchTab('6a8c1946bf151ebe8d7ea3be3c65e965','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4116,13 +4116,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="2c9e3ee57963547a6b9ff79ff1d9e6c7">
+<div class="tab-panel" data-tab-group="3957e6ef3efe80b3a2d78e93e1150253">
   <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('2c9e3ee57963547a6b9ff79ff1d9e6c7','shortcode')"
+      onclick="switchTab('3957e6ef3efe80b3a2d78e93e1150253','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4132,7 +4132,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('2c9e3ee57963547a6b9ff79ff1d9e6c7','partial')"
+      onclick="switchTab('3957e6ef3efe80b3a2d78e93e1150253','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4330,13 +4330,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="50c6e9ce190d988d82972e68ff37fe39">
+<div class="tab-panel" data-tab-group="86e1f4e86cd6abda99d93bf1e2908c25">
   <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('50c6e9ce190d988d82972e68ff37fe39','shortcode')"
+      onclick="switchTab('86e1f4e86cd6abda99d93bf1e2908c25','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4346,7 +4346,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('50c6e9ce190d988d82972e68ff37fe39','partial')"
+      onclick="switchTab('86e1f4e86cd6abda99d93bf1e2908c25','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4541,6 +4541,21 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
   </a>
 </span></p>
 <h3 id="icon">Ay'con</h3>
+<h4 id="empty">Empty</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    
+  </a>
+</span>
+<h4 id="only">Only</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fa-fw fas fa-download"></i>
+    
+  </a>
+</span>
 <h4 id="to-the-left">T' th' Left</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <span class="btn cstyle transparent">
@@ -4655,13 +4670,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="f62f84014b605d95ebab8bb8609de91c">
+<div class="tab-panel" data-tab-group="1ebf67310b2fcf62d4687d52d69d0b32">
   <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('f62f84014b605d95ebab8bb8609de91c','shortcode')"
+      onclick="switchTab('1ebf67310b2fcf62d4687d52d69d0b32','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4671,7 +4686,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('f62f84014b605d95ebab8bb8609de91c','partial')"
+      onclick="switchTab('1ebf67310b2fcf62d4687d52d69d0b32','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5075,13 +5090,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-b9ffed7f876281ea1a66752005de35fd" aria-controls="expandcontent-b9ffed7f876281ea1a66752005de35fd" >
-    <label class="expand-label" for="expand-b9ffed7f876281ea1a66752005de35fd" >
+    <input type="checkbox" id="expand-b084ce902b269c752063c47fbb82bb06" aria-controls="expandcontent-b084ce902b269c752063c47fbb82bb06" >
+    <label class="expand-label" for="expand-b084ce902b269c752063c47fbb82bb06" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-b9ffed7f876281ea1a66752005de35fd" class="expand-content">
+    <div id="expandcontent-b084ce902b269c752063c47fbb82bb06" 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>
@@ -5111,13 +5126,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="ce11959cf68825f10c395ac889718702">
+<div class="tab-panel" data-tab-group="2c1452a96b66f2ee438f815733f49709">
   <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('ce11959cf68825f10c395ac889718702','shortcode')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5127,7 +5142,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('ce11959cf68825f10c395ac889718702','shortcode (positional)')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5137,7 +5152,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('ce11959cf68825f10c395ac889718702','partial')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5208,26 +5223,26 @@ So its rrrambl'n be used as descript'n.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-9b423addde2b6f4a09b28cf7c351a9de" aria-controls="expandcontent-9b423addde2b6f4a09b28cf7c351a9de" >
-    <label class="expand-label" for="expand-9b423addde2b6f4a09b28cf7c351a9de" >
+    <input type="checkbox" id="expand-19c3fce4c841433e9405cdb0ceb4d23f" aria-controls="expandcontent-19c3fce4c841433e9405cdb0ceb4d23f" >
+    <label class="expand-label" for="expand-19c3fce4c841433e9405cdb0ceb4d23f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9b423addde2b6f4a09b28cf7c351a9de" class="expand-content">
+    <div id="expandcontent-19c3fce4c841433e9405cdb0ceb4d23f" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-a3e4d9d0b0ec19ca76a3593a01c906eb" aria-controls="expandcontent-a3e4d9d0b0ec19ca76a3593a01c906eb"  checked>
-    <label class="expand-label" for="expand-a3e4d9d0b0ec19ca76a3593a01c906eb" >
+    <input type="checkbox" id="expand-190b5d58207ce92e0f2a3c2c577ae59c" aria-controls="expandcontent-190b5d58207ce92e0f2a3c2c577ae59c"  checked>
+    <label class="expand-label" for="expand-190b5d58207ce92e0f2a3c2c577ae59c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a3e4d9d0b0ec19ca76a3593a01c906eb" class="expand-content">
+    <div id="expandcontent-190b5d58207ce92e0f2a3c2c577ae59c" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5248,13 +5263,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-3b6cbb97837f3f53b964591502570cfe" aria-controls="expandcontent-3b6cbb97837f3f53b964591502570cfe" >
-    <label class="expand-label" for="expand-3b6cbb97837f3f53b964591502570cfe" >
+    <input type="checkbox" id="expand-cea19d127349439e5baca6796d1c6366" aria-controls="expandcontent-cea19d127349439e5baca6796d1c6366" >
+    <label class="expand-label" for="expand-cea19d127349439e5baca6796d1c6366" >
         <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-3b6cbb97837f3f53b964591502570cfe" class="expand-content">
+    <div id="expandcontent-cea19d127349439e5baca6796d1c6366" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -5297,13 +5312,13 @@ No need t' press ye!</div>
 <p>Ye be free t' also call this shortcode from yer own partials. In this case it somewhat resemble Hugo&rsquo;s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> funct'n</a> rules if ye call this shortcode as a partial us'n compatiblity rules.</p>
 <p>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 codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
 
-<div class="tab-panel" data-tab-group="fcce76e9a3b4dc7b141c57561f8a699d">
+<div class="tab-panel" data-tab-group="def07931513be7fb3fcee6424f08c681">
   <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('fcce76e9a3b4dc7b141c57561f8a699d','codefence')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5313,7 +5328,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','shortcode')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5323,7 +5338,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','shortcode (positional)')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5333,7 +5348,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','partial')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5343,7 +5358,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial (compat)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','partial (compat)')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','partial (compat)')"
     >
       <div>
         <div class="tab-nav-hidden">partial (compat)</div>
@@ -5516,13 +5531,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="cb4cdfc40090a2e77bded8a813545122">
+<div class="tab-panel" data-tab-group="01f8766d17c94d19c71673c9568954a8">
   <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('cb4cdfc40090a2e77bded8a813545122','shortcode')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5532,7 +5547,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cb4cdfc40090a2e77bded8a813545122','shortcode (positional)')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5542,7 +5557,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cb4cdfc40090a2e77bded8a813545122','partial')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5643,13 +5658,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="1472e6fb3de3513450ddd7d663741f9f">
+<div class="tab-panel" data-tab-group="b607b7b7f7a7ed9adece0f983b7c5e39">
   <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('1472e6fb3de3513450ddd7d663741f9f','shortcode')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5659,7 +5674,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1472e6fb3de3513450ddd7d663741f9f','shortcode (positional)')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5669,7 +5684,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1472e6fb3de3513450ddd7d663741f9f','partial')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5796,13 +5811,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="b56aebdcbca0db359700b2c2091ca73b">
+<div class="tab-panel" data-tab-group="ede56221f259781e7909e70a6eaeff8f">
   <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('b56aebdcbca0db359700b2c2091ca73b','codefence')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5812,7 +5827,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('b56aebdcbca0db359700b2c2091ca73b','shortcode')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5822,7 +5837,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('b56aebdcbca0db359700b2c2091ca73b','partial')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5989,13 +6004,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="c6fdc258acaa6178978e59412c1c9024">
+<div class="tab-panel" data-tab-group="cafde670d790ebfd22748d6dabe95f1f">
   <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('c6fdc258acaa6178978e59412c1c9024','codefence')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -6005,7 +6020,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c6fdc258acaa6178978e59412c1c9024','shortcode')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6015,7 +6030,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c6fdc258acaa6178978e59412c1c9024','partial')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6555,13 +6570,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="e2fccdb7471e6760cd51310b3b43bef9">
+<div class="tab-panel" data-tab-group="fb19b0d21ab8d85f229058522ab64f06">
   <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('e2fccdb7471e6760cd51310b3b43bef9','shortcode')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6571,7 +6586,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e2fccdb7471e6760cd51310b3b43bef9','shortcode (positional)')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -6581,7 +6596,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e2fccdb7471e6760cd51310b3b43bef9','partial')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6914,13 +6929,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="d07833e5769f0b94d1d498e707c4a16d">
+<div class="tab-panel" data-tab-group="e554a23dc2f3d24b22d4f79b1b6b38e2">
   <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('d07833e5769f0b94d1d498e707c4a16d','shortcode')"
+      onclick="switchTab('e554a23dc2f3d24b22d4f79b1b6b38e2','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6930,7 +6945,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d07833e5769f0b94d1d498e707c4a16d','partial')"
+      onclick="switchTab('e554a23dc2f3d24b22d4f79b1b6b38e2','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6990,7 +7005,7 @@ timeline
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-570c701b94a8811257d234cec87c640a"
+    id="openapi-481392164f9ea481603f96682780ee84"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7011,13 +7026,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="cda9b741905c2e3b09b8927cf4fcea6b">
+<div class="tab-panel" data-tab-group="e749e232420681b0136c76f9ad60365b">
   <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('cda9b741905c2e3b09b8927cf4fcea6b','shortcode')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -7027,7 +7042,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cda9b741905c2e3b09b8927cf4fcea6b','shortcode (positional)')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -7037,7 +7052,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cda9b741905c2e3b09b8927cf4fcea6b','partial')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -7111,13 +7126,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="68d9e90b378a0779d0ec67292883503f">
+<div class="tab-panel" data-tab-group="5c0e88f35191d7aeb118539ef615d8f0">
   <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('68d9e90b378a0779d0ec67292883503f','c')"
+      onclick="switchTab('5c0e88f35191d7aeb118539ef615d8f0','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7227,13 +7242,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="4f8fb446ec7877bc937eb7ab8d79ac11">
+<div class="tab-panel" data-tab-group="c4162ad5d91fcb7930dd4168b2fa5fbd">
   <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('4f8fb446ec7877bc937eb7ab8d79ac11','Code')"
+      onclick="switchTab('c4162ad5d91fcb7930dd4168b2fa5fbd','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7253,13 +7268,13 @@ timeline
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="f892c80490e358077f6d2d54f91febd0">
+<div class="tab-panel" data-tab-group="723e44bee38b9235dc417fc0b15be349">
   <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('f892c80490e358077f6d2d54f91febd0','Mixed')"
+      onclick="switchTab('723e44bee38b9235dc417fc0b15be349','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7307,13 +7322,13 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="30adb26d15aec10fda10d81c45f6d386">
+<div class="tab-panel" data-tab-group="b7c60032c56464b41f262ecd394d9e09">
   <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('30adb26d15aec10fda10d81c45f6d386','just colored style')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7323,7 +7338,7 @@ timeline
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('30adb26d15aec10fda10d81c45f6d386','just color')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7333,7 +7348,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('30adb26d15aec10fda10d81c45f6d386','default style an' color')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -7343,7 +7358,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('30adb26d15aec10fda10d81c45f6d386','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','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>
@@ -7353,7 +7368,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('30adb26d15aec10fda10d81c45f6d386','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','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>
@@ -7426,13 +7441,13 @@ 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="c90b63ffb380fea9bfcb1305c78e5937">
+<div class="tab-panel" data-tab-group="d3f7274580b6342d1eace4446a6f64d4">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','py')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7442,7 +7457,7 @@ timeline
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','sh')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7452,7 +7467,7 @@ timeline
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','c')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7609,13 +7624,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="994e1dc384c0cd3832cb9ac10097a632">
+<div class="tab-panel" data-tab-group="dbdc656738b2404a62be8e91a21baba0">
   <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('994e1dc384c0cd3832cb9ac10097a632','Group A, Tab View 1')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7625,7 +7640,7 @@ timeline
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('994e1dc384c0cd3832cb9ac10097a632','Group A, Tab View 2')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7635,7 +7650,7 @@ timeline
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('994e1dc384c0cd3832cb9ac10097a632','Group B')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8036,8 +8051,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../js/theme.js?1687453523" defer></script>
+    <script src="../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/index.search.js b/pir/index.search.js
index cf1b784305..06c2c4819d 100644
--- a/pir/index.search.js
+++ b/pir/index.search.js
@@ -300,7 +300,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.\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 ",
+    "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 Empty {{% button href=\"https://gohugo.io/\" ay'con=\" \" %}}{{% /button %}} Only {{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}{{% /button %}} 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",
@@ -377,7 +377,7 @@ var relearn_search_index = [
     "uri": "/pir/dev/contributing/index.html"
   },
   {
-    "content": " Contributors Special thanks t' everyone who has contributed t' this project.\nMany thanks t' Mathieu Cornic fer his work on port'n th' Learrrn theme t' Cap'n Hugo.\nMany thanks t' Andy Miller fer initially creat'n th' Learrrn theme fer Grav.\nPackages an' Libraries autoComplete - A lightweight an' powerful vanilla JavaScript complet'n suggester clipboard.js - A modern approach t' copy text t' clipboard d3-zoom - Pan an' zoom SVG, HTML or Canvas us'n mouse or touch input - plus dependencies d3-color - Color spaces! RGB, HSL, Cubehelix, CIELAB, an' more d3-dispatch - Register named callbacks an' call them wit' arguments d3-ease - Eas'n funct'ns fer smooth animat'n d3-interpolate - Interpolate numbers, colors, str'ns, arrays, objects, whatever d3-select'n - Transform th' DOM by select'n elements an' join'n t' data d3-timer - An efficient queue fer manag'n thousands o' concurrent animat'ns d3-transit'n - Animated transit'ns fer D3 select'ns d3-drag - Drag an' drop SVG, HTML or Canvas us'n mouse or touch input Font Awesome - Th' internet’s ay'con library an' toolkit Lunr - Enables a great search experience without th' need fer external, server-side, search services Lunr Languages - A collect'n o' languages stemmers an' stopwords fer Lunr Javascript library MathJax - Beautiful math an' chemical formulae 'n all browsers Merrrmaid - Generat'n o' diagram an' flowchart from text 'n a similar manner as markdown Perfect Scrollbar - A minimalistic but perfect custom scrollbar plugin SwaggerUI - Generate beautiful documentat'n from a Swagger-compliant API WorkSans - Work Sans be a 9 weight typeface family based loosely on early Grotesques Tool'n GitHub - Continuous deployment, test'n an' host'n o' this project’s sources an' its documentat'n Various GitHub Act'ns https://github.com/actions/setup-node https://github.com/Akkjon/close-milestone https://github.com/andstor/file-reader-act'n https://github.com/ashley-taylor/regex-property-act'n https://github.com/Kaven-Universe/github-action-current-date-time https://github.com/mingjun97/file-regex-replace https://github.com/octokit/graphql-act'n https://github.com/peaceiris/actions-gh-pages https://github.com/peaceiris/actions-hugo https://github.com/WyriHaximus/github-action-create-milestone https://github.com/WyriHaximus/github-action-next-semvers gren - A releasenotes generator fer GitHub Cap'n Hugo - Th' static ship generator o' yer choice ",
+    "content": " Contributors Special thanks t' everyone who has contributed t' this project.\nMany thanks t' Mathieu Cornic fer his work on port'n th' Learrrn theme t' Cap'n Hugo.\nMany thanks t' Andy Miller fer initially creat'n th' Learrrn theme fer Grav.\nPackages an' Libraries autoComplete - A lightweight an' powerful vanilla JavaScript complet'n suggester clipboard.js - A modern approach t' copy text t' clipboard d3-zoom - Pan an' zoom SVG, HTML or Canvas us'n mouse or touch input - plus dependencies d3-color - Color spaces! RGB, HSL, Cubehelix, CIELAB, an' more d3-dispatch - Register named callbacks an' call them wit' arguments d3-ease - Eas'n funct'ns fer smooth animat'n d3-interpolate - Interpolate numbers, colors, str'ns, arrays, objects, whatever d3-select'n - Transform th' DOM by select'n elements an' join'n t' data d3-timer - An efficient queue fer manag'n thousands o' concurrent animat'ns d3-transit'n - Animated transit'ns fer D3 select'ns d3-drag - Drag an' drop SVG, HTML or Canvas us'n mouse or touch input Font Awesome - Th' internet’s ay'con library an' toolkit github-buttons - Unofficial github:buttons Lunr - Enables a great search experience without th' need fer external, server-side, search services Lunr Languages - A collect'n o' languages stemmers an' stopwords fer Lunr Javascript library MathJax - Beautiful math an' chemical formulae 'n all browsers Merrrmaid - Generat'n o' diagram an' flowchart from text 'n a similar manner as markdown Perfect Scrollbar - A minimalistic but perfect custom scrollbar plugin SwaggerUI - Generate beautiful documentat'n from a Swagger-compliant API WorkSans - Work Sans be a 9 weight typeface family based loosely on early Grotesques Tool'n GitHub - Continuous deployment, test'n an' host'n o' this project’s sources an' its documentat'n Various GitHub Act'ns https://github.com/actions/setup-node https://github.com/Akkjon/close-milestone https://github.com/andstor/file-reader-act'n https://github.com/ashley-taylor/regex-property-act'n https://github.com/Kaven-Universe/github-action-current-date-time https://github.com/mingjun97/file-regex-replace https://github.com/octokit/graphql-act'n https://github.com/peaceiris/actions-gh-pages https://github.com/peaceiris/actions-hugo https://github.com/WyriHaximus/github-action-create-milestone https://github.com/WyriHaximus/github-action-next-semvers gren - A releasenotes generator fer GitHub Cap'n Hugo - Th' static ship generator o' yer choice ",
     "description": "",
     "tags": null,
     "title": "Crrredits",
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index b969b1e1df..f1fd9d1a52 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,6 +124,7 @@
 </ul>
 </li>
 <li><a href="https://fontawesome.com" target="_blank">Font Awesome</a> - Th' internet&rsquo;s ay'con library an' toolkit</li>
+<li><a href="https://github.com/buttons/github-buttons" target="_blank">github-buttons</a> - Unofficial github:buttons</li>
 <li><a href="https://lunrjs.com" target="_blank">Lunr</a> - Enables a great search experience without th' need fer external, server-side, search services</li>
 <li><a href="https://github.com/MihaiValentin/lunr-languages" target="_blank">Lunr Languages</a> - A collect'n o' languages stemmers an' stopwords fer Lunr Javascript library</li>
 <li><a href="https://mathjax.org/" target="_blank">MathJax</a> - Beautiful math an' chemical formulae 'n all browsers</li>
@@ -232,20 +233,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -306,24 +307,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/more/credits/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/more/credits/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -337,11 +338,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -364,12 +374,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index b9b35c63fc..431a944bc5 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,6 +97,7 @@
 </ul>
 </li>
 <li><a href="https://fontawesome.com" target="_blank">Font Awesome</a> - Th' internet&rsquo;s ay'con library an' toolkit</li>
+<li><a href="https://github.com/buttons/github-buttons" target="_blank">github-buttons</a> - Unofficial github:buttons</li>
 <li><a href="https://lunrjs.com" target="_blank">Lunr</a> - Enables a great search experience without th' need fer external, server-side, search services</li>
 <li><a href="https://github.com/MihaiValentin/lunr-languages" target="_blank">Lunr Languages</a> - A collect'n o' languages stemmers an' stopwords fer Lunr Javascript library</li>
 <li><a href="https://mathjax.org/" target="_blank">MathJax</a> - Beautiful math an' chemical formulae 'n all browsers</li>
@@ -136,8 +137,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 4d94db6650..e739676b9d 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453523" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453523" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453523" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453523" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453523" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453523" rel="stylesheet">
-    <link href="../css/fonts.css?1687453523" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453523" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453523" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453523" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453523" rel="stylesheet">
-    <link href="../css/print.css?1687453523" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453523" rel="stylesheet">
-    <script src="../js/url.js?1687453523"></script>
-    <script src="../js/variant.js?1687453523"></script>
+    <link href="../css/fontawesome-all.min.css?1690400165" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400165" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400165" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400165" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400165" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400165" rel="stylesheet">
+    <link href="../css/fonts.css?1690400165" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400165" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400165" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400165" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400165" rel="stylesheet">
+    <link href="../css/print.css?1690400165" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400165" rel="stylesheet">
+    <script src="../js/url.js?1690400165"></script>
+    <script src="../js/variant.js?1690400165"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -172,20 +172,20 @@
           </a>
         </div>
         <form action="../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453523" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453523" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453523" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453523" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453523" defer></script>
-        <script src="../js/search.js?1687453523" defer></script>
+        <script src="../js/auto-complete.js?1690400165" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400165" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400165" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400165" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400165" defer></script>
+        <script src="../js/search.js?1690400165" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -246,24 +246,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/search.html">English</option>
                     <option lang="pir" id="pir" value="/pir/search.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -277,11 +277,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -304,12 +313,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?1687453523"></script>
+          <script async src="../js/buttons.js?1690400165"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../js/theme.js?1687453523" defer></script>
+    <script src="../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 6da6b1089d..ef572d6c97 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="4b7d4c9313c551c305624e9e385ee75f">
+<div class="tab-panel" data-tab-group="6a8c1946bf151ebe8d7ea3be3c65e965">
   <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('4b7d4c9313c551c305624e9e385ee75f','shortcode')"
+      onclick="switchTab('6a8c1946bf151ebe8d7ea3be3c65e965','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -167,7 +167,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('4b7d4c9313c551c305624e9e385ee75f','partial')"
+      onclick="switchTab('6a8c1946bf151ebe8d7ea3be3c65e965','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -453,20 +453,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -527,24 +527,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/attachments/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/attachments/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -558,11 +558,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -585,12 +594,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 0f282bcd24..dcdaa92672 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="4b7d4c9313c551c305624e9e385ee75f">
+<div class="tab-panel" data-tab-group="6a8c1946bf151ebe8d7ea3be3c65e965">
   <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('4b7d4c9313c551c305624e9e385ee75f','shortcode')"
+      onclick="switchTab('6a8c1946bf151ebe8d7ea3be3c65e965','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -124,7 +124,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('4b7d4c9313c551c305624e9e385ee75f','partial')"
+      onclick="switchTab('6a8c1946bf151ebe8d7ea3be3c65e965','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -341,8 +341,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index f07802cc9c..044a940597 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="2c9e3ee57963547a6b9ff79ff1d9e6c7">
+<div class="tab-panel" data-tab-group="3957e6ef3efe80b3a2d78e93e1150253">
   <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('2c9e3ee57963547a6b9ff79ff1d9e6c7','shortcode')"
+      onclick="switchTab('3957e6ef3efe80b3a2d78e93e1150253','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -138,7 +138,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2c9e3ee57963547a6b9ff79ff1d9e6c7','partial')"
+      onclick="switchTab('3957e6ef3efe80b3a2d78e93e1150253','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -385,20 +385,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -459,24 +459,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/badge/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/badge/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -490,11 +490,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -517,12 +526,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index aa751825e7..c0e15817cb 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="2c9e3ee57963547a6b9ff79ff1d9e6c7">
+<div class="tab-panel" data-tab-group="3957e6ef3efe80b3a2d78e93e1150253">
   <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('2c9e3ee57963547a6b9ff79ff1d9e6c7','shortcode')"
+      onclick="switchTab('3957e6ef3efe80b3a2d78e93e1150253','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -102,7 +102,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2c9e3ee57963547a6b9ff79ff1d9e6c7','partial')"
+      onclick="switchTab('3957e6ef3efe80b3a2d78e93e1150253','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -280,8 +280,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 309c668ff0..2070a7dada 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="50c6e9ce190d988d82972e68ff37fe39">
+<div class="tab-panel" data-tab-group="86e1f4e86cd6abda99d93bf1e2908c25">
   <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('50c6e9ce190d988d82972e68ff37fe39','shortcode')"
+      onclick="switchTab('86e1f4e86cd6abda99d93bf1e2908c25','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -147,7 +147,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('50c6e9ce190d988d82972e68ff37fe39','partial')"
+      onclick="switchTab('86e1f4e86cd6abda99d93bf1e2908c25','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -342,6 +342,21 @@
   </a>
 </span></p>
 <h3 id="icon">Ay'con</h3>
+<h4 id="empty">Empty</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    
+  </a>
+</span>
+<h4 id="only">Only</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fa-fw fas fa-download"></i>
+    
+  </a>
+</span>
 <h4 id="to-the-left">T' th' Left</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <span class="btn cstyle transparent">
@@ -510,20 +525,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -584,24 +599,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/button/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/button/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -615,11 +630,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -642,12 +666,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 40400ed61d..c762b6710b 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="50c6e9ce190d988d82972e68ff37fe39">
+<div class="tab-panel" data-tab-group="86e1f4e86cd6abda99d93bf1e2908c25">
   <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('50c6e9ce190d988d82972e68ff37fe39','shortcode')"
+      onclick="switchTab('86e1f4e86cd6abda99d93bf1e2908c25','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -110,7 +110,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('50c6e9ce190d988d82972e68ff37fe39','partial')"
+      onclick="switchTab('86e1f4e86cd6abda99d93bf1e2908c25','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -305,6 +305,21 @@
   </a>
 </span></p>
 <h3 id="icon">Ay'con</h3>
+<h4 id="empty">Empty</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    
+  </a>
+</span>
+<h4 id="only">Only</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fa-fw fas fa-download"></i>
+    
+  </a>
+</span>
 <h4 id="to-the-left">T' th' Left</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <span class="btn cstyle transparent">
@@ -404,8 +419,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" 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 2aba88d83e..cfef27c99b 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +181,20 @@
           </a>
         </div>
         <form action="../../../../../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -259,24 +259,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/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">English</option>
                     <option lang="pir" id="pir" value="/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" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -290,11 +290,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -317,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?1687453522"></script>
+          <script async src="../../../../../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1690400164" 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 aab5f9ba76..0114d97953 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1690400165" 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 ebeeb87ef7..a4790a1ed4 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -196,20 +196,20 @@
           </a>
         </div>
         <form action="../../../../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -274,24 +274,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html">English</option>
                     <option lang="pir" id="pir" value="/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" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -305,11 +305,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -332,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?1687453522"></script>
+          <script async src="../../../../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../../../js/theme.js?1690400164" 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 580b77803c..1f32799622 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../../../js/theme.js?1690400164" 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 58ef9d786b..747f4e35bb 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +195,20 @@
           </a>
         </div>
         <form action="../../../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -271,24 +271,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -302,11 +302,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -329,12 +338,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?1687453522"></script>
+          <script async src="../../../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/theme.js?1690400164" 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 77f1dc9f1d..da61afa271 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/theme.js?1690400164" 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 a724764674..3a897993d9 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +194,20 @@
           </a>
         </div>
         <form action="../../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,24 +270,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -301,11 +301,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -328,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?1687453522"></script>
+          <script async src="../../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/theme.js?1690400164" 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 afe42a66e0..75430ea419 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/theme.js?1690400164" 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 f6ab645fed..4ac30405ed 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +180,20 @@
           </a>
         </div>
         <form action="../../../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -254,24 +254,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -285,11 +285,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -312,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?1687453522"></script>
+          <script async src="../../../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/theme.js?1690400164" 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 7a182346d1..7cc2cdc1ae 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/theme.js?1690400164" 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 bdc63b5b4d..2ab69792bc 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +180,20 @@
           </a>
         </div>
         <form action="../../../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -254,24 +254,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -285,11 +285,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -312,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?1687453522"></script>
+          <script async src="../../../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../../js/theme.js?1690400164" 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 95f4f7a796..efe03c9c50 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../../../../../js/theme.js?1690400165" 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 36fafe4801..ef8b116226 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -196,20 +196,20 @@
           </a>
         </div>
         <form action="../../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,24 +270,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -301,11 +301,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -328,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?1687453522"></script>
+          <script async src="../../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/theme.js?1690400164" 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 a84265e523..cfd9d2affd 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/theme.js?1690400164" 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 aabcc90290..5d22764c13 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +179,20 @@
           </a>
         </div>
         <form action="../../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -253,24 +253,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -284,11 +284,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -311,12 +320,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?1687453522"></script>
+          <script async src="../../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../../js/theme.js?1690400164" 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 e9499e185b..1e87a9f9d9 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../../../../js/theme.js?1690400165" 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 ea5bc90114..0d7238630a 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -196,20 +196,20 @@
           </a>
         </div>
         <form action="../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,24 +270,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -301,11 +301,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -328,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?1687453522"></script>
+          <script async src="../../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../js/theme.js?1690400164" 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 ab59835e4d..38151e8da8 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 913785e51e..32b6a59a53 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +193,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -267,24 +267,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -298,11 +298,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -325,12 +334,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?1687453522"></script>
+          <script async src="../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" 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 ebee4852fb..a8e9986fa2 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 2540c31757..8559b61439 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +178,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -252,24 +252,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-2/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-2/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -283,11 +283,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -310,12 +319,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?1687453522"></script>
+          <script async src="../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" 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 494b34f8d6..ea84aa5b42 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index f98a508718..7cdbd0cbbe 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +193,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -267,24 +267,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-3/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-3/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -298,11 +298,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -325,12 +334,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?1687453522"></script>
+          <script async src="../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" 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 d1cb0f873a..4986059d32 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../../js/theme.js?1690400165" 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 612300ccd3..947b295df8 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400162"></script>
+    <script src="../../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +178,20 @@
           </a>
         </div>
         <form action="../../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../../../js/search.js?1687453520" defer></script>
+        <script src="../../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -252,24 +252,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-3/test3/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-3/test3/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -283,11 +283,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -310,12 +319,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?1687453520"></script>
+          <script async src="../../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../../js/theme.js?1690400163" 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 60efb2e959..c1fec29b95 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453522"></script>
-    <script src="../../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400164"></script>
+    <script src="../../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 39cfa9b110..08f9a911d2 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -251,24 +251,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-4/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-4/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -282,11 +282,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -309,12 +318,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?1687453522"></script>
+          <script async src="../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" 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 5c3cb02dfc..053808443d 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index e88d319b10..36ac2cbf03 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="f62f84014b605d95ebab8bb8609de91c">
+<div class="tab-panel" data-tab-group="1ebf67310b2fcf62d4687d52d69d0b32">
   <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('f62f84014b605d95ebab8bb8609de91c','shortcode')"
+      onclick="switchTab('1ebf67310b2fcf62d4687d52d69d0b32','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -143,7 +143,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f62f84014b605d95ebab8bb8609de91c','partial')"
+      onclick="switchTab('1ebf67310b2fcf62d4687d52d69d0b32','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -388,20 +388,20 @@ So its rrrambl'n be used as descript'n.</p>
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -462,24 +462,24 @@ So its rrrambl'n be used as descript'n.</p>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -493,11 +493,20 @@ So its rrrambl'n be used as descript'n.</p>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -520,12 +529,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index 58b003a32e..95282cf074 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="f62f84014b605d95ebab8bb8609de91c">
+<div class="tab-panel" data-tab-group="1ebf67310b2fcf62d4687d52d69d0b32">
   <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('f62f84014b605d95ebab8bb8609de91c','shortcode')"
+      onclick="switchTab('1ebf67310b2fcf62d4687d52d69d0b32','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -105,7 +105,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f62f84014b605d95ebab8bb8609de91c','partial')"
+      onclick="switchTab('1ebf67310b2fcf62d4687d52d69d0b32','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -503,8 +503,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 7117ae20be..3155b9a3ae 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
 ">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +177,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../../js/search.js?1687453520" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -251,24 +251,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/test/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/test/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -282,11 +282,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -309,12 +318,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?1687453520"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index 86eff329e6..5836124f77 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
 ">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 5e6f9b45ce..cc805a60d0 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-b9ffed7f876281ea1a66752005de35fd" aria-controls="expandcontent-b9ffed7f876281ea1a66752005de35fd" >
-    <label class="expand-label" for="expand-b9ffed7f876281ea1a66752005de35fd" >
+    <input type="checkbox" id="expand-b084ce902b269c752063c47fbb82bb06" aria-controls="expandcontent-b084ce902b269c752063c47fbb82bb06" >
+    <label class="expand-label" for="expand-b084ce902b269c752063c47fbb82bb06" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-b9ffed7f876281ea1a66752005de35fd" class="expand-content">
+    <div id="expandcontent-b084ce902b269c752063c47fbb82bb06" 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,13 +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="ce11959cf68825f10c395ac889718702">
+<div class="tab-panel" data-tab-group="2c1452a96b66f2ee438f815733f49709">
   <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('ce11959cf68825f10c395ac889718702','shortcode')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -168,7 +168,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ce11959cf68825f10c395ac889718702','shortcode (positional)')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -178,7 +178,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ce11959cf68825f10c395ac889718702','partial')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -249,26 +249,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-9b423addde2b6f4a09b28cf7c351a9de" aria-controls="expandcontent-9b423addde2b6f4a09b28cf7c351a9de" >
-    <label class="expand-label" for="expand-9b423addde2b6f4a09b28cf7c351a9de" >
+    <input type="checkbox" id="expand-19c3fce4c841433e9405cdb0ceb4d23f" aria-controls="expandcontent-19c3fce4c841433e9405cdb0ceb4d23f" >
+    <label class="expand-label" for="expand-19c3fce4c841433e9405cdb0ceb4d23f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9b423addde2b6f4a09b28cf7c351a9de" class="expand-content">
+    <div id="expandcontent-19c3fce4c841433e9405cdb0ceb4d23f" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-a3e4d9d0b0ec19ca76a3593a01c906eb" aria-controls="expandcontent-a3e4d9d0b0ec19ca76a3593a01c906eb"  checked>
-    <label class="expand-label" for="expand-a3e4d9d0b0ec19ca76a3593a01c906eb" >
+    <input type="checkbox" id="expand-190b5d58207ce92e0f2a3c2c577ae59c" aria-controls="expandcontent-190b5d58207ce92e0f2a3c2c577ae59c"  checked>
+    <label class="expand-label" for="expand-190b5d58207ce92e0f2a3c2c577ae59c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a3e4d9d0b0ec19ca76a3593a01c906eb" class="expand-content">
+    <div id="expandcontent-190b5d58207ce92e0f2a3c2c577ae59c" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -289,13 +289,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-3b6cbb97837f3f53b964591502570cfe" aria-controls="expandcontent-3b6cbb97837f3f53b964591502570cfe" >
-    <label class="expand-label" for="expand-3b6cbb97837f3f53b964591502570cfe" >
+    <input type="checkbox" id="expand-cea19d127349439e5baca6796d1c6366" aria-controls="expandcontent-cea19d127349439e5baca6796d1c6366" >
+    <label class="expand-label" for="expand-cea19d127349439e5baca6796d1c6366" >
         <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-3b6cbb97837f3f53b964591502570cfe" class="expand-content">
+    <div id="expandcontent-cea19d127349439e5baca6796d1c6366" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -389,20 +389,20 @@ No need t' press ye!</div>
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -463,24 +463,24 @@ No need t' press ye!</div>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/expand/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/expand/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -494,11 +494,20 @@ No need t' press ye!</div>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -521,12 +530,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 421f62b61e..d0d8909543 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-b9ffed7f876281ea1a66752005de35fd" aria-controls="expandcontent-b9ffed7f876281ea1a66752005de35fd" >
-    <label class="expand-label" for="expand-b9ffed7f876281ea1a66752005de35fd" >
+    <input type="checkbox" id="expand-b084ce902b269c752063c47fbb82bb06" aria-controls="expandcontent-b084ce902b269c752063c47fbb82bb06" >
+    <label class="expand-label" for="expand-b084ce902b269c752063c47fbb82bb06" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-b9ffed7f876281ea1a66752005de35fd" class="expand-content">
+    <div id="expandcontent-b084ce902b269c752063c47fbb82bb06" 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,13 +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="ce11959cf68825f10c395ac889718702">
+<div class="tab-panel" data-tab-group="2c1452a96b66f2ee438f815733f49709">
   <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('ce11959cf68825f10c395ac889718702','shortcode')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -132,7 +132,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ce11959cf68825f10c395ac889718702','shortcode (positional)')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -142,7 +142,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ce11959cf68825f10c395ac889718702','partial')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -213,26 +213,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-9b423addde2b6f4a09b28cf7c351a9de" aria-controls="expandcontent-9b423addde2b6f4a09b28cf7c351a9de" >
-    <label class="expand-label" for="expand-9b423addde2b6f4a09b28cf7c351a9de" >
+    <input type="checkbox" id="expand-19c3fce4c841433e9405cdb0ceb4d23f" aria-controls="expandcontent-19c3fce4c841433e9405cdb0ceb4d23f" >
+    <label class="expand-label" for="expand-19c3fce4c841433e9405cdb0ceb4d23f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9b423addde2b6f4a09b28cf7c351a9de" class="expand-content">
+    <div id="expandcontent-19c3fce4c841433e9405cdb0ceb4d23f" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-a3e4d9d0b0ec19ca76a3593a01c906eb" aria-controls="expandcontent-a3e4d9d0b0ec19ca76a3593a01c906eb"  checked>
-    <label class="expand-label" for="expand-a3e4d9d0b0ec19ca76a3593a01c906eb" >
+    <input type="checkbox" id="expand-190b5d58207ce92e0f2a3c2c577ae59c" aria-controls="expandcontent-190b5d58207ce92e0f2a3c2c577ae59c"  checked>
+    <label class="expand-label" for="expand-190b5d58207ce92e0f2a3c2c577ae59c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a3e4d9d0b0ec19ca76a3593a01c906eb" class="expand-content">
+    <div id="expandcontent-190b5d58207ce92e0f2a3c2c577ae59c" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -253,13 +253,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-3b6cbb97837f3f53b964591502570cfe" aria-controls="expandcontent-3b6cbb97837f3f53b964591502570cfe" >
-    <label class="expand-label" for="expand-3b6cbb97837f3f53b964591502570cfe" >
+    <input type="checkbox" id="expand-cea19d127349439e5baca6796d1c6366" aria-controls="expandcontent-cea19d127349439e5baca6796d1c6366" >
+    <label class="expand-label" for="expand-cea19d127349439e5baca6796d1c6366" >
         <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-3b6cbb97837f3f53b964591502570cfe" class="expand-content">
+    <div id="expandcontent-cea19d127349439e5baca6796d1c6366" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -284,8 +284,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index 6687b9a161..2100d94513 100644
--- a/pir/shortcodes/highlight/index.html
+++ b/pir/shortcodes/highlight/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Render code with a syntax highlighter">
     <meta name="author" content="Sören Weber">
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +134,13 @@
 <p>Ye be free t' also call this shortcode from yer own partials. In this case it somewhat resemble Hugo&rsquo;s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> funct'n</a> rules if ye call this shortcode as a partial us'n compatiblity rules.</p>
 <p>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 codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
 
-<div class="tab-panel" data-tab-group="fcce76e9a3b4dc7b141c57561f8a699d">
+<div class="tab-panel" data-tab-group="def07931513be7fb3fcee6424f08c681">
   <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('fcce76e9a3b4dc7b141c57561f8a699d','codefence')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -150,7 +150,7 @@
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','shortcode')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -160,7 +160,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','shortcode (positional)')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -170,7 +170,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','partial')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -180,7 +180,7 @@
     <button
       data-tab-item="partial (compat)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','partial (compat)')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','partial (compat)')"
     >
       <div>
         <div class="tab-nav-hidden">partial (compat)</div>
@@ -412,20 +412,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -486,24 +486,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/highlight/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/highlight/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -517,11 +517,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -544,12 +553,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 0823b43b0a..5a8a3f0e39 100644
--- a/pir/shortcodes/highlight/index.print.html
+++ b/pir/shortcodes/highlight/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Render code with a syntax highlighter">
     <meta name="author" content="Sören Weber">
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +92,13 @@
 <p>Ye be free t' also call this shortcode from yer own partials. In this case it somewhat resemble Hugo&rsquo;s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> funct'n</a> rules if ye call this shortcode as a partial us'n compatiblity rules.</p>
 <p>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 codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
 
-<div class="tab-panel" data-tab-group="fcce76e9a3b4dc7b141c57561f8a699d">
+<div class="tab-panel" data-tab-group="def07931513be7fb3fcee6424f08c681">
   <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('fcce76e9a3b4dc7b141c57561f8a699d','codefence')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -108,7 +108,7 @@
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','shortcode')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -118,7 +118,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','shortcode (positional)')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -128,7 +128,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','partial')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -138,7 +138,7 @@
     <button
       data-tab-item="partial (compat)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','partial (compat)')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','partial (compat)')"
     >
       <div>
         <div class="tab-nav-hidden">partial (compat)</div>
@@ -301,8 +301,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index 90f41e47e5..45297489c1 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="cb4cdfc40090a2e77bded8a813545122">
+<div class="tab-panel" data-tab-group="01f8766d17c94d19c71673c9568954a8">
   <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('cb4cdfc40090a2e77bded8a813545122','shortcode')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -137,7 +137,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cb4cdfc40090a2e77bded8a813545122','shortcode (positional)')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -147,7 +147,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cb4cdfc40090a2e77bded8a813545122','partial')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -310,20 +310,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -384,24 +384,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/icon/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/icon/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -415,11 +415,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -442,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index ba530bfb5f..df3c2956fe 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,13 +84,13 @@
 <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="cb4cdfc40090a2e77bded8a813545122">
+<div class="tab-panel" data-tab-group="01f8766d17c94d19c71673c9568954a8">
   <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('cb4cdfc40090a2e77bded8a813545122','shortcode')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -100,7 +100,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cb4cdfc40090a2e77bded8a813545122','shortcode (positional)')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -110,7 +110,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cb4cdfc40090a2e77bded8a813545122','partial')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -204,8 +204,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index b60f45f121..9740bdf924 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="1472e6fb3de3513450ddd7d663741f9f">
+<div class="tab-panel" data-tab-group="b607b7b7f7a7ed9adece0f983b7c5e39">
   <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('1472e6fb3de3513450ddd7d663741f9f','shortcode')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -131,7 +131,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1472e6fb3de3513450ddd7d663741f9f','shortcode (positional)')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -141,7 +141,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1472e6fb3de3513450ddd7d663741f9f','partial')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -302,20 +302,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -376,24 +376,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/include/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/include/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -407,11 +407,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -434,12 +443,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 1f8139306b..b1f88941f5 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,13 +81,13 @@
 <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="1472e6fb3de3513450ddd7d663741f9f">
+<div class="tab-panel" data-tab-group="b607b7b7f7a7ed9adece0f983b7c5e39">
   <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('1472e6fb3de3513450ddd7d663741f9f','shortcode')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -97,7 +97,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1472e6fb3de3513450ddd7d663741f9f','shortcode (positional)')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -107,7 +107,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1472e6fb3de3513450ddd7d663741f9f','partial')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -199,8 +199,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index eb9960e1db..5fe9635f4a 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../js/url.js?1690400162"></script>
+    <script src="../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +194,20 @@
           </a>
         </div>
         <form action="../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../js/search.js?1687453522" defer></script>
+        <script src="../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -268,24 +268,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -299,11 +299,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -326,12 +335,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?1687453522"></script>
+          <script async src="../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../js/theme.js?1687453522" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index 6c1d7bd509..617f4943a8 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../js/url.js?1687453522"></script>
-    <script src="../../js/variant.js?1687453522"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../js/url.js?1690400164"></script>
+    <script src="../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +146,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="4b7d4c9313c551c305624e9e385ee75f">
+<div class="tab-panel" data-tab-group="6a8c1946bf151ebe8d7ea3be3c65e965">
   <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('4b7d4c9313c551c305624e9e385ee75f','shortcode')"
+      onclick="switchTab('6a8c1946bf151ebe8d7ea3be3c65e965','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -162,7 +162,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('4b7d4c9313c551c305624e9e385ee75f','partial')"
+      onclick="switchTab('6a8c1946bf151ebe8d7ea3be3c65e965','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -391,13 +391,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="2c9e3ee57963547a6b9ff79ff1d9e6c7">
+<div class="tab-panel" data-tab-group="3957e6ef3efe80b3a2d78e93e1150253">
   <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('2c9e3ee57963547a6b9ff79ff1d9e6c7','shortcode')"
+      onclick="switchTab('3957e6ef3efe80b3a2d78e93e1150253','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -407,7 +407,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2c9e3ee57963547a6b9ff79ff1d9e6c7','partial')"
+      onclick="switchTab('3957e6ef3efe80b3a2d78e93e1150253','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -605,13 +605,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="50c6e9ce190d988d82972e68ff37fe39">
+<div class="tab-panel" data-tab-group="86e1f4e86cd6abda99d93bf1e2908c25">
   <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('50c6e9ce190d988d82972e68ff37fe39','shortcode')"
+      onclick="switchTab('86e1f4e86cd6abda99d93bf1e2908c25','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -621,7 +621,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('50c6e9ce190d988d82972e68ff37fe39','partial')"
+      onclick="switchTab('86e1f4e86cd6abda99d93bf1e2908c25','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -816,6 +816,21 @@
   </a>
 </span></p>
 <h3 id="icon">Ay'con</h3>
+<h4 id="empty">Empty</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    
+  </a>
+</span>
+<h4 id="only">Only</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fa-fw fas fa-download"></i>
+    
+  </a>
+</span>
 <h4 id="to-the-left">T' th' Left</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <span class="btn cstyle transparent">
@@ -930,13 +945,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="f62f84014b605d95ebab8bb8609de91c">
+<div class="tab-panel" data-tab-group="1ebf67310b2fcf62d4687d52d69d0b32">
   <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('f62f84014b605d95ebab8bb8609de91c','shortcode')"
+      onclick="switchTab('1ebf67310b2fcf62d4687d52d69d0b32','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -946,7 +961,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f62f84014b605d95ebab8bb8609de91c','partial')"
+      onclick="switchTab('1ebf67310b2fcf62d4687d52d69d0b32','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1350,13 +1365,13 @@ So its rrrambl'n be used as descript'n.</p>
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-b9ffed7f876281ea1a66752005de35fd" aria-controls="expandcontent-b9ffed7f876281ea1a66752005de35fd" >
-    <label class="expand-label" for="expand-b9ffed7f876281ea1a66752005de35fd" >
+    <input type="checkbox" id="expand-b084ce902b269c752063c47fbb82bb06" aria-controls="expandcontent-b084ce902b269c752063c47fbb82bb06" >
+    <label class="expand-label" for="expand-b084ce902b269c752063c47fbb82bb06" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-b9ffed7f876281ea1a66752005de35fd" class="expand-content">
+    <div id="expandcontent-b084ce902b269c752063c47fbb82bb06" 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>
@@ -1386,13 +1401,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="ce11959cf68825f10c395ac889718702">
+<div class="tab-panel" data-tab-group="2c1452a96b66f2ee438f815733f49709">
   <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('ce11959cf68825f10c395ac889718702','shortcode')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1402,7 +1417,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('ce11959cf68825f10c395ac889718702','shortcode (positional)')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1412,7 +1427,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('ce11959cf68825f10c395ac889718702','partial')"
+      onclick="switchTab('2c1452a96b66f2ee438f815733f49709','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1483,26 +1498,26 @@ So its rrrambl'n be used as descript'n.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-9b423addde2b6f4a09b28cf7c351a9de" aria-controls="expandcontent-9b423addde2b6f4a09b28cf7c351a9de" >
-    <label class="expand-label" for="expand-9b423addde2b6f4a09b28cf7c351a9de" >
+    <input type="checkbox" id="expand-19c3fce4c841433e9405cdb0ceb4d23f" aria-controls="expandcontent-19c3fce4c841433e9405cdb0ceb4d23f" >
+    <label class="expand-label" for="expand-19c3fce4c841433e9405cdb0ceb4d23f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9b423addde2b6f4a09b28cf7c351a9de" class="expand-content">
+    <div id="expandcontent-19c3fce4c841433e9405cdb0ceb4d23f" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-a3e4d9d0b0ec19ca76a3593a01c906eb" aria-controls="expandcontent-a3e4d9d0b0ec19ca76a3593a01c906eb"  checked>
-    <label class="expand-label" for="expand-a3e4d9d0b0ec19ca76a3593a01c906eb" >
+    <input type="checkbox" id="expand-190b5d58207ce92e0f2a3c2c577ae59c" aria-controls="expandcontent-190b5d58207ce92e0f2a3c2c577ae59c"  checked>
+    <label class="expand-label" for="expand-190b5d58207ce92e0f2a3c2c577ae59c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a3e4d9d0b0ec19ca76a3593a01c906eb" class="expand-content">
+    <div id="expandcontent-190b5d58207ce92e0f2a3c2c577ae59c" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1523,13 +1538,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-3b6cbb97837f3f53b964591502570cfe" aria-controls="expandcontent-3b6cbb97837f3f53b964591502570cfe" >
-    <label class="expand-label" for="expand-3b6cbb97837f3f53b964591502570cfe" >
+    <input type="checkbox" id="expand-cea19d127349439e5baca6796d1c6366" aria-controls="expandcontent-cea19d127349439e5baca6796d1c6366" >
+    <label class="expand-label" for="expand-cea19d127349439e5baca6796d1c6366" >
         <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-3b6cbb97837f3f53b964591502570cfe" class="expand-content">
+    <div id="expandcontent-cea19d127349439e5baca6796d1c6366" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1572,13 +1587,13 @@ No need t' press ye!</div>
 <p>Ye be free t' also call this shortcode from yer own partials. In this case it somewhat resemble Hugo&rsquo;s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> funct'n</a> rules if ye call this shortcode as a partial us'n compatiblity rules.</p>
 <p>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 codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
 
-<div class="tab-panel" data-tab-group="fcce76e9a3b4dc7b141c57561f8a699d">
+<div class="tab-panel" data-tab-group="def07931513be7fb3fcee6424f08c681">
   <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('fcce76e9a3b4dc7b141c57561f8a699d','codefence')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -1588,7 +1603,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','shortcode')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1598,7 +1613,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','shortcode (positional)')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1608,7 +1623,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','partial')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1618,7 +1633,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial (compat)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fcce76e9a3b4dc7b141c57561f8a699d','partial (compat)')"
+      onclick="switchTab('def07931513be7fb3fcee6424f08c681','partial (compat)')"
     >
       <div>
         <div class="tab-nav-hidden">partial (compat)</div>
@@ -1791,13 +1806,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="cb4cdfc40090a2e77bded8a813545122">
+<div class="tab-panel" data-tab-group="01f8766d17c94d19c71673c9568954a8">
   <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('cb4cdfc40090a2e77bded8a813545122','shortcode')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1807,7 +1822,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cb4cdfc40090a2e77bded8a813545122','shortcode (positional)')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1817,7 +1832,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cb4cdfc40090a2e77bded8a813545122','partial')"
+      onclick="switchTab('01f8766d17c94d19c71673c9568954a8','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1918,13 +1933,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="1472e6fb3de3513450ddd7d663741f9f">
+<div class="tab-panel" data-tab-group="b607b7b7f7a7ed9adece0f983b7c5e39">
   <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('1472e6fb3de3513450ddd7d663741f9f','shortcode')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1934,7 +1949,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1472e6fb3de3513450ddd7d663741f9f','shortcode (positional)')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1944,7 +1959,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1472e6fb3de3513450ddd7d663741f9f','partial')"
+      onclick="switchTab('b607b7b7f7a7ed9adece0f983b7c5e39','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2071,13 +2086,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="b56aebdcbca0db359700b2c2091ca73b">
+<div class="tab-panel" data-tab-group="ede56221f259781e7909e70a6eaeff8f">
   <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('b56aebdcbca0db359700b2c2091ca73b','codefence')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -2087,7 +2102,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('b56aebdcbca0db359700b2c2091ca73b','shortcode')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2097,7 +2112,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('b56aebdcbca0db359700b2c2091ca73b','partial')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2264,13 +2279,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="c6fdc258acaa6178978e59412c1c9024">
+<div class="tab-panel" data-tab-group="cafde670d790ebfd22748d6dabe95f1f">
   <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('c6fdc258acaa6178978e59412c1c9024','codefence')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -2280,7 +2295,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c6fdc258acaa6178978e59412c1c9024','shortcode')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2290,7 +2305,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c6fdc258acaa6178978e59412c1c9024','partial')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2830,13 +2845,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="e2fccdb7471e6760cd51310b3b43bef9">
+<div class="tab-panel" data-tab-group="fb19b0d21ab8d85f229058522ab64f06">
   <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('e2fccdb7471e6760cd51310b3b43bef9','shortcode')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2846,7 +2861,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e2fccdb7471e6760cd51310b3b43bef9','shortcode (positional)')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -2856,7 +2871,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e2fccdb7471e6760cd51310b3b43bef9','partial')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3189,13 +3204,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="d07833e5769f0b94d1d498e707c4a16d">
+<div class="tab-panel" data-tab-group="e554a23dc2f3d24b22d4f79b1b6b38e2">
   <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('d07833e5769f0b94d1d498e707c4a16d','shortcode')"
+      onclick="switchTab('e554a23dc2f3d24b22d4f79b1b6b38e2','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3205,7 +3220,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d07833e5769f0b94d1d498e707c4a16d','partial')"
+      onclick="switchTab('e554a23dc2f3d24b22d4f79b1b6b38e2','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3265,7 +3280,7 @@ timeline
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-570c701b94a8811257d234cec87c640a"
+    id="openapi-481392164f9ea481603f96682780ee84"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3286,13 +3301,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="cda9b741905c2e3b09b8927cf4fcea6b">
+<div class="tab-panel" data-tab-group="e749e232420681b0136c76f9ad60365b">
   <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('cda9b741905c2e3b09b8927cf4fcea6b','shortcode')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3302,7 +3317,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cda9b741905c2e3b09b8927cf4fcea6b','shortcode (positional)')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -3312,7 +3327,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cda9b741905c2e3b09b8927cf4fcea6b','partial')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3386,13 +3401,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="68d9e90b378a0779d0ec67292883503f">
+<div class="tab-panel" data-tab-group="5c0e88f35191d7aeb118539ef615d8f0">
   <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('68d9e90b378a0779d0ec67292883503f','c')"
+      onclick="switchTab('5c0e88f35191d7aeb118539ef615d8f0','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3502,13 +3517,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="4f8fb446ec7877bc937eb7ab8d79ac11">
+<div class="tab-panel" data-tab-group="c4162ad5d91fcb7930dd4168b2fa5fbd">
   <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('4f8fb446ec7877bc937eb7ab8d79ac11','Code')"
+      onclick="switchTab('c4162ad5d91fcb7930dd4168b2fa5fbd','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3528,13 +3543,13 @@ timeline
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="f892c80490e358077f6d2d54f91febd0">
+<div class="tab-panel" data-tab-group="723e44bee38b9235dc417fc0b15be349">
   <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('f892c80490e358077f6d2d54f91febd0','Mixed')"
+      onclick="switchTab('723e44bee38b9235dc417fc0b15be349','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3582,13 +3597,13 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="30adb26d15aec10fda10d81c45f6d386">
+<div class="tab-panel" data-tab-group="b7c60032c56464b41f262ecd394d9e09">
   <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('30adb26d15aec10fda10d81c45f6d386','just colored style')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3598,7 +3613,7 @@ timeline
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('30adb26d15aec10fda10d81c45f6d386','just color')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3608,7 +3623,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('30adb26d15aec10fda10d81c45f6d386','default style an' color')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -3618,7 +3633,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('30adb26d15aec10fda10d81c45f6d386','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','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>
@@ -3628,7 +3643,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('30adb26d15aec10fda10d81c45f6d386','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','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>
@@ -3701,13 +3716,13 @@ 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="c90b63ffb380fea9bfcb1305c78e5937">
+<div class="tab-panel" data-tab-group="d3f7274580b6342d1eace4446a6f64d4">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','py')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -3717,7 +3732,7 @@ timeline
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','sh')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -3727,7 +3742,7 @@ timeline
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','c')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3884,13 +3899,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="994e1dc384c0cd3832cb9ac10097a632">
+<div class="tab-panel" data-tab-group="dbdc656738b2404a62be8e91a21baba0">
   <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('994e1dc384c0cd3832cb9ac10097a632','Group A, Tab View 1')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -3900,7 +3915,7 @@ timeline
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('994e1dc384c0cd3832cb9ac10097a632','Group A, Tab View 2')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -3910,7 +3925,7 @@ timeline
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('994e1dc384c0cd3832cb9ac10097a632','Group B')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -4310,8 +4325,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../js/theme.js?1687453523" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index cbfb720d7f..e173ace81d 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="b56aebdcbca0db359700b2c2091ca73b">
+<div class="tab-panel" data-tab-group="ede56221f259781e7909e70a6eaeff8f">
   <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('b56aebdcbca0db359700b2c2091ca73b','codefence')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -168,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('b56aebdcbca0db359700b2c2091ca73b','shortcode')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -178,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('b56aebdcbca0db359700b2c2091ca73b','partial')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -369,20 +369,20 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -443,24 +443,24 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/math/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/math/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -474,11 +474,20 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -501,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 3d891ea8c3..e1750f2ea0 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="b56aebdcbca0db359700b2c2091ca73b">
+<div class="tab-panel" data-tab-group="ede56221f259781e7909e70a6eaeff8f">
   <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('b56aebdcbca0db359700b2c2091ca73b','codefence')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -125,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('b56aebdcbca0db359700b2c2091ca73b','shortcode')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -135,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('b56aebdcbca0db359700b2c2091ca73b','partial')"
+      onclick="switchTab('ede56221f259781e7909e70a6eaeff8f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -257,8 +257,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 6f39a6713c..b12c5a64e2 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +171,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="c6fdc258acaa6178978e59412c1c9024">
+<div class="tab-panel" data-tab-group="cafde670d790ebfd22748d6dabe95f1f">
   <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('c6fdc258acaa6178978e59412c1c9024','codefence')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -187,7 +187,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c6fdc258acaa6178978e59412c1c9024','shortcode')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -197,7 +197,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c6fdc258acaa6178978e59412c1c9024','partial')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -791,20 +791,20 @@ timeline
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -865,24 +865,24 @@ timeline
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/mermaid/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/mermaid/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -896,11 +896,20 @@ timeline
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -923,12 +932,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 3772801a43..9f93695e63 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +119,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="c6fdc258acaa6178978e59412c1c9024">
+<div class="tab-panel" data-tab-group="cafde670d790ebfd22748d6dabe95f1f">
   <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('c6fdc258acaa6178978e59412c1c9024','codefence')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -135,7 +135,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c6fdc258acaa6178978e59412c1c9024','shortcode')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -145,7 +145,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c6fdc258acaa6178978e59412c1c9024','partial')"
+      onclick="switchTab('cafde670d790ebfd22748d6dabe95f1f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -670,8 +670,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 8768cfc1e1..4328b9faf7 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="e2fccdb7471e6760cd51310b3b43bef9">
+<div class="tab-panel" data-tab-group="fb19b0d21ab8d85f229058522ab64f06">
   <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('e2fccdb7471e6760cd51310b3b43bef9','shortcode')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -143,7 +143,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e2fccdb7471e6760cd51310b3b43bef9','shortcode (positional)')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -153,7 +153,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e2fccdb7471e6760cd51310b3b43bef9','partial')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -533,20 +533,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -607,24 +607,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/notice/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/notice/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -638,11 +638,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -665,12 +674,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 7c5d1ec6d7..574d3ca697 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="e2fccdb7471e6760cd51310b3b43bef9">
+<div class="tab-panel" data-tab-group="fb19b0d21ab8d85f229058522ab64f06">
   <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('e2fccdb7471e6760cd51310b3b43bef9','shortcode')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -105,7 +105,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e2fccdb7471e6760cd51310b3b43bef9','shortcode (positional)')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -115,7 +115,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e2fccdb7471e6760cd51310b3b43bef9','partial')"
+      onclick="switchTab('fb19b0d21ab8d85f229058522ab64f06','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -426,8 +426,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index f873ae8ef4..5435675561 100644
--- a/pir/shortcodes/openapi/index.html
+++ b/pir/shortcodes/openapi/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="d07833e5769f0b94d1d498e707c4a16d">
+<div class="tab-panel" data-tab-group="e554a23dc2f3d24b22d4f79b1b6b38e2">
   <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('d07833e5769f0b94d1d498e707c4a16d','shortcode')"
+      onclick="switchTab('e554a23dc2f3d24b22d4f79b1b6b38e2','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -146,7 +146,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d07833e5769f0b94d1d498e707c4a16d','partial')"
+      onclick="switchTab('e554a23dc2f3d24b22d4f79b1b6b38e2','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -206,7 +206,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-570c701b94a8811257d234cec87c640a"
+    id="openapi-481392164f9ea481603f96682780ee84"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -289,20 +289,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -363,24 +363,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/openapi/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/openapi/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -394,11 +394,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -421,12 +430,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index d0f5614fb4..fdcd002d56 100644
--- a/pir/shortcodes/openapi/index.print.html
+++ b/pir/shortcodes/openapi/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="d07833e5769f0b94d1d498e707c4a16d">
+<div class="tab-panel" data-tab-group="e554a23dc2f3d24b22d4f79b1b6b38e2">
   <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('d07833e5769f0b94d1d498e707c4a16d','shortcode')"
+      onclick="switchTab('e554a23dc2f3d24b22d4f79b1b6b38e2','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -112,7 +112,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d07833e5769f0b94d1d498e707c4a16d','partial')"
+      onclick="switchTab('e554a23dc2f3d24b22d4f79b1b6b38e2','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -172,7 +172,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-570c701b94a8811257d234cec87c640a"
+    id="openapi-481392164f9ea481603f96682780ee84"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -186,8 +186,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index dc10f8e8b7..e586eadd74 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="cda9b741905c2e3b09b8927cf4fcea6b">
+<div class="tab-panel" data-tab-group="e749e232420681b0136c76f9ad60365b">
   <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('cda9b741905c2e3b09b8927cf4fcea6b','shortcode')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -131,7 +131,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cda9b741905c2e3b09b8927cf4fcea6b','shortcode (positional)')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -141,7 +141,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cda9b741905c2e3b09b8927cf4fcea6b','partial')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -277,20 +277,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="../../../js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -351,24 +351,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/siteparam/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/siteparam/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -382,11 +382,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -409,12 +418,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="../../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 86fd6577b9..756b38b362 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,13 +81,13 @@
 <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="cda9b741905c2e3b09b8927cf4fcea6b">
+<div class="tab-panel" data-tab-group="e749e232420681b0136c76f9ad60365b">
   <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('cda9b741905c2e3b09b8927cf4fcea6b','shortcode')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -97,7 +97,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cda9b741905c2e3b09b8927cf4fcea6b','shortcode (positional)')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -107,7 +107,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('cda9b741905c2e3b09b8927cf4fcea6b','partial')"
+      onclick="switchTab('e749e232420681b0136c76f9ad60365b','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -174,8 +174,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index 957f2e3bb5..b673f9bbac 100644
--- a/pir/shortcodes/tab/index.html
+++ b/pir/shortcodes/tab/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="68d9e90b378a0779d0ec67292883503f">
+<div class="tab-panel" data-tab-group="5c0e88f35191d7aeb118539ef615d8f0">
   <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('68d9e90b378a0779d0ec67292883503f','c')"
+      onclick="switchTab('5c0e88f35191d7aeb118539ef615d8f0','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -233,13 +233,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="4f8fb446ec7877bc937eb7ab8d79ac11">
+<div class="tab-panel" data-tab-group="c4162ad5d91fcb7930dd4168b2fa5fbd">
   <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('4f8fb446ec7877bc937eb7ab8d79ac11','Code')"
+      onclick="switchTab('c4162ad5d91fcb7930dd4168b2fa5fbd','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -259,13 +259,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="f892c80490e358077f6d2d54f91febd0">
+<div class="tab-panel" data-tab-group="723e44bee38b9235dc417fc0b15be349">
   <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('f892c80490e358077f6d2d54f91febd0','Mixed')"
+      onclick="switchTab('723e44bee38b9235dc417fc0b15be349','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -313,13 +313,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="30adb26d15aec10fda10d81c45f6d386">
+<div class="tab-panel" data-tab-group="b7c60032c56464b41f262ecd394d9e09">
   <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('30adb26d15aec10fda10d81c45f6d386','just colored style')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -329,7 +329,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('30adb26d15aec10fda10d81c45f6d386','just color')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -339,7 +339,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('30adb26d15aec10fda10d81c45f6d386','default style an' color')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -349,7 +349,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('30adb26d15aec10fda10d81c45f6d386','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','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 +359,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('30adb26d15aec10fda10d81c45f6d386','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','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>
@@ -494,20 +494,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453520" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453520" defer></script>
-        <script src="../../../js/search.js?1687453520" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -568,24 +568,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/tab/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/tab/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -599,11 +599,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -626,12 +635,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?1687453520"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453520" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453520" defer></script>
-    <script src="../../../js/theme.js?1687453520" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 1a22d028d7..1331f41ca4 100644
--- a/pir/shortcodes/tab/index.print.html
+++ b/pir/shortcodes/tab/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,13 +81,13 @@
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="68d9e90b378a0779d0ec67292883503f">
+<div class="tab-panel" data-tab-group="5c0e88f35191d7aeb118539ef615d8f0">
   <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('68d9e90b378a0779d0ec67292883503f','c')"
+      onclick="switchTab('5c0e88f35191d7aeb118539ef615d8f0','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -197,13 +197,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="4f8fb446ec7877bc937eb7ab8d79ac11">
+<div class="tab-panel" data-tab-group="c4162ad5d91fcb7930dd4168b2fa5fbd">
   <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('4f8fb446ec7877bc937eb7ab8d79ac11','Code')"
+      onclick="switchTab('c4162ad5d91fcb7930dd4168b2fa5fbd','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -223,13 +223,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="f892c80490e358077f6d2d54f91febd0">
+<div class="tab-panel" data-tab-group="723e44bee38b9235dc417fc0b15be349">
   <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('f892c80490e358077f6d2d54f91febd0','Mixed')"
+      onclick="switchTab('723e44bee38b9235dc417fc0b15be349','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -277,13 +277,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="30adb26d15aec10fda10d81c45f6d386">
+<div class="tab-panel" data-tab-group="b7c60032c56464b41f262ecd394d9e09">
   <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('30adb26d15aec10fda10d81c45f6d386','just colored style')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -293,7 +293,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('30adb26d15aec10fda10d81c45f6d386','just color')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -303,7 +303,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('30adb26d15aec10fda10d81c45f6d386','default style an' color')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -313,7 +313,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('30adb26d15aec10fda10d81c45f6d386','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','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 +323,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('30adb26d15aec10fda10d81c45f6d386','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('b7c60032c56464b41f262ecd394d9e09','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>
@@ -389,8 +389,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index f3ba95e391..5b9be41e54 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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="c90b63ffb380fea9bfcb1305c78e5937">
+<div class="tab-panel" data-tab-group="d3f7274580b6342d1eace4446a6f64d4">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','py')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -132,7 +132,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','sh')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -142,7 +142,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','c')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -299,13 +299,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="994e1dc384c0cd3832cb9ac10097a632">
+<div class="tab-panel" data-tab-group="dbdc656738b2404a62be8e91a21baba0">
   <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('994e1dc384c0cd3832cb9ac10097a632','Group A, Tab View 1')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -315,7 +315,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('994e1dc384c0cd3832cb9ac10097a632','Group A, Tab View 2')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -325,7 +325,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('994e1dc384c0cd3832cb9ac10097a632','Group B')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -793,20 +793,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -867,24 +867,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/tabs/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/tabs/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -898,11 +898,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -925,12 +934,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 34e075c165..4b295c04d8 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,13 +81,13 @@
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="c90b63ffb380fea9bfcb1305c78e5937">
+<div class="tab-panel" data-tab-group="d3f7274580b6342d1eace4446a6f64d4">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','py')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -97,7 +97,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','sh')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -107,7 +107,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c90b63ffb380fea9bfcb1305c78e5937','c')"
+      onclick="switchTab('d3f7274580b6342d1eace4446a6f64d4','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -264,13 +264,13 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="994e1dc384c0cd3832cb9ac10097a632">
+<div class="tab-panel" data-tab-group="dbdc656738b2404a62be8e91a21baba0">
   <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('994e1dc384c0cd3832cb9ac10097a632','Group A, Tab View 1')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -280,7 +280,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('994e1dc384c0cd3832cb9ac10097a632','Group A, Tab View 2')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -290,7 +290,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('994e1dc384c0cd3832cb9ac10097a632','Group B')"
+      onclick="switchTab('dbdc656738b2404a62be8e91a21baba0','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -689,8 +689,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 976d1b506e..7a58f62c87 100644
--- a/pir/showcase/index.html
+++ b/pir/showcase/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../js/url.js?1690400162"></script>
+    <script src="../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-93282fa0474e426a065e209c1abe0c75" class="lightbox-link">
+<a href="#image-bb5079e7e3d33ca28456faf054ba8867" 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-93282fa0474e426a065e209c1abe0c75">
+<a href="javascript:history.back();" class="lightbox" id="image-bb5079e7e3d33ca28456faf054ba8867">
 <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-e508287729e4409b486d2905fe36f68a" class="lightbox-link">
+<a href="#image-a13a9c21199abe4e3ca7cdf75503a845" 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-e508287729e4409b486d2905fe36f68a">
+<a href="javascript:history.back();" class="lightbox" id="image-a13a9c21199abe4e3ca7cdf75503a845">
 <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-6e96e5603670fe70b68e1d01566cccbf" class="lightbox-link">
+<a href="#image-3644eb1301757e09a75dfcee92cdeef3" 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-6e96e5603670fe70b68e1d01566cccbf">
+<a href="javascript:history.back();" class="lightbox" id="image-3644eb1301757e09a75dfcee92cdeef3">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -209,20 +209,20 @@
           </a>
         </div>
         <form action="../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../js/search.js?1687453522" defer></script>
+        <script src="../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -283,24 +283,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/showcase/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/showcase/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -314,11 +314,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -341,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?1687453522"></script>
+          <script async src="../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../js/theme.js?1687453522" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index d78f76cfb6..1c80d01de3 100644
--- a/pir/showcase/index.print.html
+++ b/pir/showcase/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../js/url.js?1687453522"></script>
-    <script src="../../js/variant.js?1687453522"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../js/url.js?1690400164"></script>
+    <script src="../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-93282fa0474e426a065e209c1abe0c75" class="lightbox-link">
+<a href="#image-bb5079e7e3d33ca28456faf054ba8867" 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-93282fa0474e426a065e209c1abe0c75">
+<a href="javascript:history.back();" class="lightbox" id="image-bb5079e7e3d33ca28456faf054ba8867">
 <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-e508287729e4409b486d2905fe36f68a" class="lightbox-link">
+<a href="#image-a13a9c21199abe4e3ca7cdf75503a845" 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-e508287729e4409b486d2905fe36f68a">
+<a href="javascript:history.back();" class="lightbox" id="image-a13a9c21199abe4e3ca7cdf75503a845">
 <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-6e96e5603670fe70b68e1d01566cccbf" class="lightbox-link">
+<a href="#image-3644eb1301757e09a75dfcee92cdeef3" 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-6e96e5603670fe70b68e1d01566cccbf">
+<a href="javascript:history.back();" class="lightbox" id="image-3644eb1301757e09a75dfcee92cdeef3">
 <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?1687453523" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../js/theme.js?1687453523" defer></script>
+    <script src="../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index e68bb8f085..4086e96151 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -172,20 +172,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -246,24 +246,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/children/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tags/children/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -277,11 +277,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -304,12 +313,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index f32299445c..0ec3584c24 100644
--- a/pir/tags/config/index.html
+++ b/pir/tags/config/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/config/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tags/config/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index 140ab33d94..63fb7d0859 100644
--- a/pir/tags/content/index.html
+++ b/pir/tags/content/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/content/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tags/content/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index ca38c07809..53868322c0 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -155,20 +155,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -229,23 +229,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="pir" id="pir" value="/pir/tags/documentatn/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -259,11 +259,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -286,12 +295,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index c4ea1b0fc7..00c8dc0860 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -162,20 +162,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -236,24 +236,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/hidden/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tags/hidden/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -267,11 +267,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -294,12 +303,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 80d707ba78..6774ca6453 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../js/url.js?1690400162"></script>
+    <script src="../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +190,20 @@
           </a>
         </div>
         <form action="../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../js/search.js?1687453522" defer></script>
+        <script src="../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -264,24 +264,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tags/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -295,11 +295,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -322,12 +331,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?1687453522"></script>
+          <script async src="../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../js/theme.js?1687453522" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index f38ca2fa80..9e40030922 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -240,24 +240,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/non-hidden/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tags/non-hidden/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -271,11 +271,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -298,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index beebb5722d..514fbf64c3 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -155,20 +155,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -229,23 +229,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="pir" id="pir" value="/pir/tags/tutorrrial/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -259,11 +259,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -286,12 +295,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.html b/pir/tests/attach/attach1/index.html
index c473977a7e..ca104ccc84 100644
--- a/pir/tests/attach/attach1/index.html
+++ b/pir/tests/attach/attach1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -272,24 +272,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/attach/attach1/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/attach/attach1/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -303,11 +303,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -330,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?1687453522"></script>
+          <script async src="../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.print.html b/pir/tests/attach/attach1/index.print.html
index ad4f6787a9..56984fd2be 100644
--- a/pir/tests/attach/attach1/index.print.html
+++ b/pir/tests/attach/attach1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.html b/pir/tests/attach/attach2/index.html
index 5f83588014..da427f76fa 100644
--- a/pir/tests/attach/attach2/index.html
+++ b/pir/tests/attach/attach2/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -272,24 +272,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/attach/attach2/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/attach/attach2/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -303,11 +303,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -330,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.print.html b/pir/tests/attach/attach2/index.print.html
index 4273d4a809..19741fa75c 100644
--- a/pir/tests/attach/attach2/index.print.html
+++ b/pir/tests/attach/attach2/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.html b/pir/tests/attach/attach3/index.html
index ec7b109297..5e87c96402 100644
--- a/pir/tests/attach/attach3/index.html
+++ b/pir/tests/attach/attach3/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -272,24 +272,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/attach/attach3/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/attach/attach3/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -303,11 +303,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -330,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.print.html b/pir/tests/attach/attach3/index.print.html
index 708a4785bf..50ac01cde8 100644
--- a/pir/tests/attach/attach3/index.print.html
+++ b/pir/tests/attach/attach3/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.html b/pir/tests/attach/index.html
index 2117bc43f3..94a7ea1ce6 100644
--- a/pir/tests/attach/index.html
+++ b/pir/tests/attach/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test&#39;n Attachments Shorrrtcode">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +178,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -274,24 +274,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/attach/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/attach/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -305,11 +305,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -332,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.print.html b/pir/tests/attach/index.print.html
index 549f751c74..69877e67b5 100644
--- a/pir/tests/attach/index.print.html
+++ b/pir/tests/attach/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test&#39;n Attachments Shorrrtcode">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.html b/pir/tests/chapters/1/index.html
index ab3481e9e4..9c0ca6d468 100644
--- a/pir/tests/chapters/1/index.html
+++ b/pir/tests/chapters/1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/1/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/1/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.print.html b/pir/tests/chapters/1/index.print.html
index e218939fb1..a7b8c81056 100644
--- a/pir/tests/chapters/1/index.print.html
+++ b/pir/tests/chapters/1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.html b/pir/tests/chapters/10/index.html
index ee91a3b03d..4c0cad2b29 100644
--- a/pir/tests/chapters/10/index.html
+++ b/pir/tests/chapters/10/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/10/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/10/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.print.html b/pir/tests/chapters/10/index.print.html
index cd8937fe37..6c9b590096 100644
--- a/pir/tests/chapters/10/index.print.html
+++ b/pir/tests/chapters/10/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.html b/pir/tests/chapters/2/index.html
index 2e5212df81..ede4dba4ae 100644
--- a/pir/tests/chapters/2/index.html
+++ b/pir/tests/chapters/2/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/2/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/2/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.print.html b/pir/tests/chapters/2/index.print.html
index 50f09ef80b..d32e43b505 100644
--- a/pir/tests/chapters/2/index.print.html
+++ b/pir/tests/chapters/2/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.html b/pir/tests/chapters/3/index.html
index 4588c8f82a..fb59909fb0 100644
--- a/pir/tests/chapters/3/index.html
+++ b/pir/tests/chapters/3/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/3/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/3/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.print.html b/pir/tests/chapters/3/index.print.html
index c15889ffb3..c49ce070ab 100644
--- a/pir/tests/chapters/3/index.print.html
+++ b/pir/tests/chapters/3/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.html b/pir/tests/chapters/4/index.html
index 69897c3cf3..1923284bbb 100644
--- a/pir/tests/chapters/4/index.html
+++ b/pir/tests/chapters/4/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/4/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/4/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.print.html b/pir/tests/chapters/4/index.print.html
index fb3465ecdb..f4227d59f0 100644
--- a/pir/tests/chapters/4/index.print.html
+++ b/pir/tests/chapters/4/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.html b/pir/tests/chapters/5/index.html
index 17285b7c9c..6c312d60d8 100644
--- a/pir/tests/chapters/5/index.html
+++ b/pir/tests/chapters/5/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/5/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/5/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.print.html b/pir/tests/chapters/5/index.print.html
index 0d9a016306..f455619e02 100644
--- a/pir/tests/chapters/5/index.print.html
+++ b/pir/tests/chapters/5/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.html b/pir/tests/chapters/6/index.html
index 6cad0e5d68..7a8485c214 100644
--- a/pir/tests/chapters/6/index.html
+++ b/pir/tests/chapters/6/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/6/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/6/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.print.html b/pir/tests/chapters/6/index.print.html
index fbe2ce0c36..101836d756 100644
--- a/pir/tests/chapters/6/index.print.html
+++ b/pir/tests/chapters/6/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.html b/pir/tests/chapters/7/index.html
index 26bca9c21e..8d4847b63a 100644
--- a/pir/tests/chapters/7/index.html
+++ b/pir/tests/chapters/7/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/7/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/7/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.print.html b/pir/tests/chapters/7/index.print.html
index f05785e15a..21e32078c7 100644
--- a/pir/tests/chapters/7/index.print.html
+++ b/pir/tests/chapters/7/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.html b/pir/tests/chapters/8/index.html
index 1c09ce29a7..f02af09df8 100644
--- a/pir/tests/chapters/8/index.html
+++ b/pir/tests/chapters/8/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/8/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/8/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.print.html b/pir/tests/chapters/8/index.print.html
index ee49e34d41..b3c0a0f594 100644
--- a/pir/tests/chapters/8/index.print.html
+++ b/pir/tests/chapters/8/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.html b/pir/tests/chapters/9/index.html
index 748b098cf1..4cff440298 100644
--- a/pir/tests/chapters/9/index.html
+++ b/pir/tests/chapters/9/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../../js/search.js?1687453521" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/9/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/9/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453521"></script>
+          <script async src="../../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.print.html b/pir/tests/chapters/9/index.print.html
index 2f73ee2b0a..598d0cabfc 100644
--- a/pir/tests/chapters/9/index.print.html
+++ b/pir/tests/chapters/9/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.html b/pir/tests/chapters/children-1/index.html
index 5fdc65d1e6..f9635f2abc 100644
--- a/pir/tests/chapters/children-1/index.html
+++ b/pir/tests/chapters/children-1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400162"></script>
+    <script src="../../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -172,20 +172,20 @@
           </a>
         </div>
         <form action="../../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../../js/search.js?1687453522" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -269,24 +269,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/children-1/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/children-1/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -300,11 +300,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -327,12 +336,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?1687453522"></script>
+          <script async src="../../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../../js/theme.js?1690400164" 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 e655c74d95..53d96e42f7 100644
--- a/pir/tests/chapters/children-1/index.print.html
+++ b/pir/tests/chapters/children-1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453522"></script>
-    <script src="../../../../js/variant.js?1687453522"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400164"></script>
+    <script src="../../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.html b/pir/tests/chapters/index.html
index adaab70728..c09f19880a 100644
--- a/pir/tests/chapters/index.html
+++ b/pir/tests/chapters/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +171,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -267,24 +267,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -298,11 +298,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -325,12 +334,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.print.html b/pir/tests/chapters/index.print.html
index a78719e354..3ef03e5f9b 100644
--- a/pir/tests/chapters/index.print.html
+++ b/pir/tests/chapters/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index 71c954b346..2717744ea9 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Some test&#39;n fer different styles used &#39;n rules highlightn&#39;n an&#39; preformatted blocks">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -162,13 +162,13 @@ Some preformatted stuff 'n HTML elements
 <h3 id="2-shortcodes">2 Shorrrtcodes</h3>
 <h4 id="-">%% %%</h4>
 
-<div class="tab-panel" data-tab-group="382c798cd15bfee8d20078e7026c3a51">
+<div class="tab-panel" data-tab-group="75987b2b9a73161da4376b2c62d2023f">
   <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"
-      onclick="switchTab('382c798cd15bfee8d20078e7026c3a51','json')"
+      onclick="switchTab('75987b2b9a73161da4376b2c62d2023f','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -191,13 +191,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--1">%% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="29dbec5aa509e1a97184765abaa98510">
+<div class="tab-panel" data-tab-group="d344d728fd7d143097cd241bf5f72475">
   <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"
-      onclick="switchTab('29dbec5aa509e1a97184765abaa98510','json')"
+      onclick="switchTab('d344d728fd7d143097cd241bf5f72475','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -220,13 +220,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--2">&lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="fd15e1fec2b5846d38ef7baa882b27fe">
+<div class="tab-panel" data-tab-group="c5b23d99dc6ed8d20b7a9b01823d0468">
   <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"
-      onclick="switchTab('fd15e1fec2b5846d38ef7baa882b27fe','json')"
+      onclick="switchTab('c5b23d99dc6ed8d20b7a9b01823d0468','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -250,13 +250,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--3">&lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="ba21f2551499873dd0225b1d1bb96a06">
+<div class="tab-panel" data-tab-group="7f612f63ab3045973151cb17231312bc">
   <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"
-      onclick="switchTab('ba21f2551499873dd0225b1d1bb96a06','json')"
+      onclick="switchTab('7f612f63ab3045973151cb17231312bc','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -280,13 +280,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h3 id="3-shortcodes">3 Shorrrtcodes</h3>
 <h4 id="--">%% %% %%</h4>
-<div class="tab-panel" data-tab-group="cc519ac131562ee2ff5a563301bc62e8">
+<div class="tab-panel" data-tab-group="a23759b14375e4515e7f69810a5537b1">
   <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"
-      onclick="switchTab('cc519ac131562ee2ff5a563301bc62e8','json')"
+      onclick="switchTab('a23759b14375e4515e7f69810a5537b1','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -307,13 +307,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---1">%% %% &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="503385a63e44ee365441b873fd0face8">
+<div class="tab-panel" data-tab-group="91c507b8a77d38f4733929e93887a058">
   <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"
-      onclick="switchTab('503385a63e44ee365441b873fd0face8','json')"
+      onclick="switchTab('91c507b8a77d38f4733929e93887a058','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -334,13 +334,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---2">%% &lt;&gt; %%</h4>
-<div class="tab-panel" data-tab-group="1350ac7260313aaea5586f94bee25a6e">
+<div class="tab-panel" data-tab-group="8bc45f218c0cc35feb5773e04876a577">
   <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"
-      onclick="switchTab('1350ac7260313aaea5586f94bee25a6e','json')"
+      onclick="switchTab('8bc45f218c0cc35feb5773e04876a577','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -361,13 +361,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---3">%% &lt;&gt; &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="99e906011910c99b134c2c1cd18cc0d7">
+<div class="tab-panel" data-tab-group="cffd1791933e23d4003135522f5fc990">
   <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"
-      onclick="switchTab('99e906011910c99b134c2c1cd18cc0d7','json')"
+      onclick="switchTab('cffd1791933e23d4003135522f5fc990','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -389,13 +389,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---4">&lt;&gt; %% %%</h4>
 
-<div class="tab-panel" data-tab-group="1358a1708c55f1aa18916b54cbc38283">
+<div class="tab-panel" data-tab-group="1d0c0cc35ec20bc0878d8464f4a69fb7">
   <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"
-      onclick="switchTab('1358a1708c55f1aa18916b54cbc38283','json')"
+      onclick="switchTab('1d0c0cc35ec20bc0878d8464f4a69fb7','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -418,13 +418,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---5">&lt;&gt; %% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="b7c8abb717ab44281a8b4e3bbabe8b40">
+<div class="tab-panel" data-tab-group="3f04d00ff8b70cb1e008ada1b91057d0">
   <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"
-      onclick="switchTab('b7c8abb717ab44281a8b4e3bbabe8b40','json')"
+      onclick="switchTab('3f04d00ff8b70cb1e008ada1b91057d0','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -447,13 +447,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---6">&lt;&gt; &lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="529918eeeeec68e063b674e971f77d95">
+<div class="tab-panel" data-tab-group="153934c7f738699f7ae0fab9dcebfbd1">
   <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"
-      onclick="switchTab('529918eeeeec68e063b674e971f77d95','json')"
+      onclick="switchTab('153934c7f738699f7ae0fab9dcebfbd1','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -477,13 +477,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---7">&lt;&gt; &lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="0757ed5fca573904a56746081dac93b4">
+<div class="tab-panel" data-tab-group="fa4b7690dd7a796bf5d58521d96ba61a">
   <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"
-      onclick="switchTab('0757ed5fca573904a56746081dac93b4','json')"
+      onclick="switchTab('fa4b7690dd7a796bf5d58521d96ba61a','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -636,20 +636,20 @@ lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x&lt; L[0]]) + L[0:1] + qs
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -732,24 +732,24 @@ lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x&lt; L[0]]) + L[0:1] + qs
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/code/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/code/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -763,11 +763,20 @@ lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x&lt; L[0]]) + L[0:1] + qs
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -790,12 +799,12 @@ lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x&lt; L[0]]) + L[0:1] + qs
           <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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.print.html b/pir/tests/code/index.print.html
index 8942483f9b..ec24f3db3f 100644
--- a/pir/tests/code/index.print.html
+++ b/pir/tests/code/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Some test&#39;n fer different styles used &#39;n rules highlightn&#39;n an&#39; preformatted blocks">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +112,13 @@ Some preformatted stuff 'n HTML elements
 <h3 id="2-shortcodes">2 Shorrrtcodes</h3>
 <h4 id="-">%% %%</h4>
 
-<div class="tab-panel" data-tab-group="382c798cd15bfee8d20078e7026c3a51">
+<div class="tab-panel" data-tab-group="75987b2b9a73161da4376b2c62d2023f">
   <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"
-      onclick="switchTab('382c798cd15bfee8d20078e7026c3a51','json')"
+      onclick="switchTab('75987b2b9a73161da4376b2c62d2023f','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -141,13 +141,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--1">%% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="29dbec5aa509e1a97184765abaa98510">
+<div class="tab-panel" data-tab-group="d344d728fd7d143097cd241bf5f72475">
   <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"
-      onclick="switchTab('29dbec5aa509e1a97184765abaa98510','json')"
+      onclick="switchTab('d344d728fd7d143097cd241bf5f72475','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -170,13 +170,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--2">&lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="fd15e1fec2b5846d38ef7baa882b27fe">
+<div class="tab-panel" data-tab-group="c5b23d99dc6ed8d20b7a9b01823d0468">
   <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"
-      onclick="switchTab('fd15e1fec2b5846d38ef7baa882b27fe','json')"
+      onclick="switchTab('c5b23d99dc6ed8d20b7a9b01823d0468','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -200,13 +200,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--3">&lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="ba21f2551499873dd0225b1d1bb96a06">
+<div class="tab-panel" data-tab-group="7f612f63ab3045973151cb17231312bc">
   <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"
-      onclick="switchTab('ba21f2551499873dd0225b1d1bb96a06','json')"
+      onclick="switchTab('7f612f63ab3045973151cb17231312bc','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -230,13 +230,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h3 id="3-shortcodes">3 Shorrrtcodes</h3>
 <h4 id="--">%% %% %%</h4>
-<div class="tab-panel" data-tab-group="cc519ac131562ee2ff5a563301bc62e8">
+<div class="tab-panel" data-tab-group="a23759b14375e4515e7f69810a5537b1">
   <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"
-      onclick="switchTab('cc519ac131562ee2ff5a563301bc62e8','json')"
+      onclick="switchTab('a23759b14375e4515e7f69810a5537b1','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -257,13 +257,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---1">%% %% &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="503385a63e44ee365441b873fd0face8">
+<div class="tab-panel" data-tab-group="91c507b8a77d38f4733929e93887a058">
   <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"
-      onclick="switchTab('503385a63e44ee365441b873fd0face8','json')"
+      onclick="switchTab('91c507b8a77d38f4733929e93887a058','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -284,13 +284,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---2">%% &lt;&gt; %%</h4>
-<div class="tab-panel" data-tab-group="1350ac7260313aaea5586f94bee25a6e">
+<div class="tab-panel" data-tab-group="8bc45f218c0cc35feb5773e04876a577">
   <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"
-      onclick="switchTab('1350ac7260313aaea5586f94bee25a6e','json')"
+      onclick="switchTab('8bc45f218c0cc35feb5773e04876a577','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -311,13 +311,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---3">%% &lt;&gt; &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="99e906011910c99b134c2c1cd18cc0d7">
+<div class="tab-panel" data-tab-group="cffd1791933e23d4003135522f5fc990">
   <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"
-      onclick="switchTab('99e906011910c99b134c2c1cd18cc0d7','json')"
+      onclick="switchTab('cffd1791933e23d4003135522f5fc990','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -339,13 +339,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---4">&lt;&gt; %% %%</h4>
 
-<div class="tab-panel" data-tab-group="1358a1708c55f1aa18916b54cbc38283">
+<div class="tab-panel" data-tab-group="1d0c0cc35ec20bc0878d8464f4a69fb7">
   <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"
-      onclick="switchTab('1358a1708c55f1aa18916b54cbc38283','json')"
+      onclick="switchTab('1d0c0cc35ec20bc0878d8464f4a69fb7','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -368,13 +368,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---5">&lt;&gt; %% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="b7c8abb717ab44281a8b4e3bbabe8b40">
+<div class="tab-panel" data-tab-group="3f04d00ff8b70cb1e008ada1b91057d0">
   <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"
-      onclick="switchTab('b7c8abb717ab44281a8b4e3bbabe8b40','json')"
+      onclick="switchTab('3f04d00ff8b70cb1e008ada1b91057d0','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -397,13 +397,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---6">&lt;&gt; &lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="529918eeeeec68e063b674e971f77d95">
+<div class="tab-panel" data-tab-group="153934c7f738699f7ae0fab9dcebfbd1">
   <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"
-      onclick="switchTab('529918eeeeec68e063b674e971f77d95','json')"
+      onclick="switchTab('153934c7f738699f7ae0fab9dcebfbd1','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -427,13 +427,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---7">&lt;&gt; &lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="0757ed5fca573904a56746081dac93b4">
+<div class="tab-panel" data-tab-group="fa4b7690dd7a796bf5d58521d96ba61a">
   <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"
-      onclick="switchTab('0757ed5fca573904a56746081dac93b4','json')"
+      onclick="switchTab('fa4b7690dd7a796bf5d58521d96ba61a','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -517,8 +517,8 @@ lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x&lt; L[0]]) + L[0:1] + qs
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/frontmatter/index.html b/pir/tests/frontmatter/index.html
index 817c29b916..a97bcd58e5 100644
--- a/pir/tests/frontmatter/index.html
+++ b/pir/tests/frontmatter/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test default settings for snippets of the VSCode Front Matter extension">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-387ce04d69e77a65ec2d15d0d72a737a" aria-controls="expandcontent-387ce04d69e77a65ec2d15d0d72a737a" >
-    <label class="expand-label" for="expand-387ce04d69e77a65ec2d15d0d72a737a" >
+    <input type="checkbox" id="expand-562279bb970d220df1a256ec839aa5de" aria-controls="expandcontent-562279bb970d220df1a256ec839aa5de" >
+    <label class="expand-label" for="expand-562279bb970d220df1a256ec839aa5de" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-387ce04d69e77a65ec2d15d0d72a737a" class="expand-content">
+    <div id="expandcontent-562279bb970d220df1a256ec839aa5de" class="expand-content">
 <p>
 </div>
 </div>
@@ -147,18 +147,18 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-735e059efe752fb42ff11dc775224c0b"
+    id="openapi-04a4cb432013dbd7bdb32cbd4de99ae5"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="ec2b67bd6a2154f866da36cdaca9d281">
+<div class="tab-panel" data-tab-group="6017f754246b79816cd8bec4a576c59b">
   <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('ec2b67bd6a2154f866da36cdaca9d281','')"
+      onclick="switchTab('6017f754246b79816cd8bec4a576c59b','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -168,7 +168,7 @@
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ec2b67bd6a2154f866da36cdaca9d281','')"
+      onclick="switchTab('6017f754246b79816cd8bec4a576c59b','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -272,20 +272,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -368,24 +368,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/frontmatter/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/frontmatter/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -399,11 +399,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -426,12 +435,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/frontmatter/index.print.html b/pir/tests/frontmatter/index.print.html
index 9fde5787af..99b0aeadfe 100644
--- a/pir/tests/frontmatter/index.print.html
+++ b/pir/tests/frontmatter/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test default settings for snippets of the VSCode Front Matter extension">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-387ce04d69e77a65ec2d15d0d72a737a" aria-controls="expandcontent-387ce04d69e77a65ec2d15d0d72a737a" >
-    <label class="expand-label" for="expand-387ce04d69e77a65ec2d15d0d72a737a" >
+    <input type="checkbox" id="expand-562279bb970d220df1a256ec839aa5de" aria-controls="expandcontent-562279bb970d220df1a256ec839aa5de" >
+    <label class="expand-label" for="expand-562279bb970d220df1a256ec839aa5de" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-387ce04d69e77a65ec2d15d0d72a737a" class="expand-content">
+    <div id="expandcontent-562279bb970d220df1a256ec839aa5de" class="expand-content">
 <p>
 </div>
 </div>
@@ -122,18 +122,18 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-735e059efe752fb42ff11dc775224c0b"
+    id="openapi-04a4cb432013dbd7bdb32cbd4de99ae5"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="ec2b67bd6a2154f866da36cdaca9d281">
+<div class="tab-panel" data-tab-group="6017f754246b79816cd8bec4a576c59b">
   <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('ec2b67bd6a2154f866da36cdaca9d281','')"
+      onclick="switchTab('6017f754246b79816cd8bec4a576c59b','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -143,7 +143,7 @@
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ec2b67bd6a2154f866da36cdaca9d281','')"
+      onclick="switchTab('6017f754246b79816cd8bec4a576c59b','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -178,8 +178,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.html b/pir/tests/images/index.html
index ab0d870e2a..e9189874a8 100644
--- a/pir/tests/images/index.html
+++ b/pir/tests/images/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Some test&#39;n fer different styles o&#39; image links">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-f008abbac5733efe2537f74b527d302b" class="lightbox-link">
+<a href="#image-0a0b04dcf242258993d14094e2533be1" 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-f008abbac5733efe2537f74b527d302b">
+<a href="javascript:history.back();" class="lightbox" id="image-0a0b04dcf242258993d14094e2533be1">
 <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-72c7cdc49fba3f3cea169f2086ef4186" class="lightbox-link">
+<a href="#image-ede93f3ed24c8067f22602a4601378b6" 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-72c7cdc49fba3f3cea169f2086ef4186">
+<a href="javascript:history.back();" class="lightbox" id="image-ede93f3ed24c8067f22602a4601378b6">
 <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-fb446ccba56d06be1d19ec2cc502afe4" class="lightbox-link">
+<a href="#image-9411cd27c17f12513e3376a610fde7ab" 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-fb446ccba56d06be1d19ec2cc502afe4">
+<a href="javascript:history.back();" class="lightbox" id="image-9411cd27c17f12513e3376a610fde7ab">
 <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-eee1777490079266d3b5dc5219e305cf" class="lightbox-link">
+<a href="#image-c843b8980b819b4027852c7713abdc37" 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-eee1777490079266d3b5dc5219e305cf">
+<a href="javascript:history.back();" class="lightbox" id="image-c843b8980b819b4027852c7713abdc37">
 <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-7c8299a3ea034f624805c57d1b0b1b5b" class="lightbox-link">
+<a href="#image-283722696c576906eb526e26108c80c1" 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-7c8299a3ea034f624805c57d1b0b1b5b">
+<a href="javascript:history.back();" class="lightbox" id="image-283722696c576906eb526e26108c80c1">
 <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-bf0fdb79b35f4fa3ed6eb80f9a3b1e8d" class="lightbox-link">
+<a href="#image-784929b776155a9993312687ef71610a" 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-bf0fdb79b35f4fa3ed6eb80f9a3b1e8d">
+<a href="javascript:history.back();" class="lightbox" id="image-784929b776155a9993312687ef71610a">
 <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-ff15215ec3e9cb3ceeb9d0bf7b3f59ef" class="lightbox-link">
+<a href="#image-d3f83f52939fcbd75492f227de2bc99b" 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-ff15215ec3e9cb3ceeb9d0bf7b3f59ef">
+<a href="javascript:history.back();" class="lightbox" id="image-d3f83f52939fcbd75492f227de2bc99b">
 <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>
@@ -279,20 +279,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -375,24 +375,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/images/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/images/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -406,11 +406,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -433,12 +442,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.print.html b/pir/tests/images/index.print.html
index 90c50540e7..a464ad0a6a 100644
--- a/pir/tests/images/index.print.html
+++ b/pir/tests/images/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Some test&#39;n fer different styles o&#39; image links">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-f008abbac5733efe2537f74b527d302b" class="lightbox-link">
+<a href="#image-0a0b04dcf242258993d14094e2533be1" 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-f008abbac5733efe2537f74b527d302b">
+<a href="javascript:history.back();" class="lightbox" id="image-0a0b04dcf242258993d14094e2533be1">
 <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-72c7cdc49fba3f3cea169f2086ef4186" class="lightbox-link">
+<a href="#image-ede93f3ed24c8067f22602a4601378b6" 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-72c7cdc49fba3f3cea169f2086ef4186">
+<a href="javascript:history.back();" class="lightbox" id="image-ede93f3ed24c8067f22602a4601378b6">
 <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-fb446ccba56d06be1d19ec2cc502afe4" class="lightbox-link">
+<a href="#image-9411cd27c17f12513e3376a610fde7ab" 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-fb446ccba56d06be1d19ec2cc502afe4">
+<a href="javascript:history.back();" class="lightbox" id="image-9411cd27c17f12513e3376a610fde7ab">
 <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-eee1777490079266d3b5dc5219e305cf" class="lightbox-link">
+<a href="#image-c843b8980b819b4027852c7713abdc37" 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-eee1777490079266d3b5dc5219e305cf">
+<a href="javascript:history.back();" class="lightbox" id="image-c843b8980b819b4027852c7713abdc37">
 <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-7c8299a3ea034f624805c57d1b0b1b5b" class="lightbox-link">
+<a href="#image-283722696c576906eb526e26108c80c1" 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-7c8299a3ea034f624805c57d1b0b1b5b">
+<a href="javascript:history.back();" class="lightbox" id="image-283722696c576906eb526e26108c80c1">
 <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-bf0fdb79b35f4fa3ed6eb80f9a3b1e8d" class="lightbox-link">
+<a href="#image-784929b776155a9993312687ef71610a" 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-bf0fdb79b35f4fa3ed6eb80f9a3b1e8d">
+<a href="javascript:history.back();" class="lightbox" id="image-784929b776155a9993312687ef71610a">
 <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-ff15215ec3e9cb3ceeb9d0bf7b3f59ef" class="lightbox-link">
+<a href="#image-d3f83f52939fcbd75492f227de2bc99b" 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-ff15215ec3e9cb3ceeb9d0bf7b3f59ef">
+<a href="javascript:history.back();" class="lightbox" id="image-d3f83f52939fcbd75492f227de2bc99b">
 <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?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index 4a237b8660..79bd629763 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../js/url.js?1690400162"></script>
+    <script src="../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +183,20 @@
           </a>
         </div>
         <form action="../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../js/search.js?1687453522" defer></script>
+        <script src="../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -279,24 +279,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -310,11 +310,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -337,12 +346,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?1687453522"></script>
+          <script async src="../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../js/theme.js?1687453522" defer></script>
+    <script src="../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.print.html b/pir/tests/index.print.html
index fc98920755..dacd8eefa8 100644
--- a/pir/tests/index.print.html
+++ b/pir/tests/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../js/url.js?1687453522"></script>
-    <script src="../../js/variant.js?1687453522"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../js/url.js?1690400164"></script>
+    <script src="../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -345,13 +345,13 @@ Some preformatted stuff 'n HTML elements
 <h3 id="2-shortcodes">2 Shorrrtcodes</h3>
 <h4 id="-">%% %%</h4>
 
-<div class="tab-panel" data-tab-group="382c798cd15bfee8d20078e7026c3a51">
+<div class="tab-panel" data-tab-group="75987b2b9a73161da4376b2c62d2023f">
   <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"
-      onclick="switchTab('382c798cd15bfee8d20078e7026c3a51','json')"
+      onclick="switchTab('75987b2b9a73161da4376b2c62d2023f','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -374,13 +374,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--1">%% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="29dbec5aa509e1a97184765abaa98510">
+<div class="tab-panel" data-tab-group="d344d728fd7d143097cd241bf5f72475">
   <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"
-      onclick="switchTab('29dbec5aa509e1a97184765abaa98510','json')"
+      onclick="switchTab('d344d728fd7d143097cd241bf5f72475','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -403,13 +403,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--2">&lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="fd15e1fec2b5846d38ef7baa882b27fe">
+<div class="tab-panel" data-tab-group="c5b23d99dc6ed8d20b7a9b01823d0468">
   <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"
-      onclick="switchTab('fd15e1fec2b5846d38ef7baa882b27fe','json')"
+      onclick="switchTab('c5b23d99dc6ed8d20b7a9b01823d0468','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -433,13 +433,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="--3">&lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="ba21f2551499873dd0225b1d1bb96a06">
+<div class="tab-panel" data-tab-group="7f612f63ab3045973151cb17231312bc">
   <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"
-      onclick="switchTab('ba21f2551499873dd0225b1d1bb96a06','json')"
+      onclick="switchTab('7f612f63ab3045973151cb17231312bc','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -463,13 +463,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h3 id="3-shortcodes">3 Shorrrtcodes</h3>
 <h4 id="--">%% %% %%</h4>
-<div class="tab-panel" data-tab-group="cc519ac131562ee2ff5a563301bc62e8">
+<div class="tab-panel" data-tab-group="a23759b14375e4515e7f69810a5537b1">
   <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"
-      onclick="switchTab('cc519ac131562ee2ff5a563301bc62e8','json')"
+      onclick="switchTab('a23759b14375e4515e7f69810a5537b1','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -490,13 +490,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---1">%% %% &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="503385a63e44ee365441b873fd0face8">
+<div class="tab-panel" data-tab-group="91c507b8a77d38f4733929e93887a058">
   <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"
-      onclick="switchTab('503385a63e44ee365441b873fd0face8','json')"
+      onclick="switchTab('91c507b8a77d38f4733929e93887a058','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -517,13 +517,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---2">%% &lt;&gt; %%</h4>
-<div class="tab-panel" data-tab-group="1350ac7260313aaea5586f94bee25a6e">
+<div class="tab-panel" data-tab-group="8bc45f218c0cc35feb5773e04876a577">
   <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"
-      onclick="switchTab('1350ac7260313aaea5586f94bee25a6e','json')"
+      onclick="switchTab('8bc45f218c0cc35feb5773e04876a577','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -544,13 +544,13 @@ Some preformatted stuff 'n HTML elements
   </div>
 </div>
 <h4 id="---3">%% &lt;&gt; &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="99e906011910c99b134c2c1cd18cc0d7">
+<div class="tab-panel" data-tab-group="cffd1791933e23d4003135522f5fc990">
   <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"
-      onclick="switchTab('99e906011910c99b134c2c1cd18cc0d7','json')"
+      onclick="switchTab('cffd1791933e23d4003135522f5fc990','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -572,13 +572,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---4">&lt;&gt; %% %%</h4>
 
-<div class="tab-panel" data-tab-group="1358a1708c55f1aa18916b54cbc38283">
+<div class="tab-panel" data-tab-group="1d0c0cc35ec20bc0878d8464f4a69fb7">
   <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"
-      onclick="switchTab('1358a1708c55f1aa18916b54cbc38283','json')"
+      onclick="switchTab('1d0c0cc35ec20bc0878d8464f4a69fb7','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -601,13 +601,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---5">&lt;&gt; %% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="b7c8abb717ab44281a8b4e3bbabe8b40">
+<div class="tab-panel" data-tab-group="3f04d00ff8b70cb1e008ada1b91057d0">
   <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"
-      onclick="switchTab('b7c8abb717ab44281a8b4e3bbabe8b40','json')"
+      onclick="switchTab('3f04d00ff8b70cb1e008ada1b91057d0','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -630,13 +630,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---6">&lt;&gt; &lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="529918eeeeec68e063b674e971f77d95">
+<div class="tab-panel" data-tab-group="153934c7f738699f7ae0fab9dcebfbd1">
   <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"
-      onclick="switchTab('529918eeeeec68e063b674e971f77d95','json')"
+      onclick="switchTab('153934c7f738699f7ae0fab9dcebfbd1','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -660,13 +660,13 @@ Some preformatted stuff 'n HTML elements
 </div>
 <h4 id="---7">&lt;&gt; &lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="0757ed5fca573904a56746081dac93b4">
+<div class="tab-panel" data-tab-group="fa4b7690dd7a796bf5d58521d96ba61a">
   <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"
-      onclick="switchTab('0757ed5fca573904a56746081dac93b4','json')"
+      onclick="switchTab('fa4b7690dd7a796bf5d58521d96ba61a','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -757,63 +757,63 @@ lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x&lt; L[0]]) + L[0:1] + qs
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-f008abbac5733efe2537f74b527d302b" class="lightbox-link">
+<a href="#image-0a0b04dcf242258993d14094e2533be1" 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-f008abbac5733efe2537f74b527d302b">
+<a href="javascript:history.back();" class="lightbox" id="image-0a0b04dcf242258993d14094e2533be1">
 <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-72c7cdc49fba3f3cea169f2086ef4186" class="lightbox-link">
+<a href="#image-ede93f3ed24c8067f22602a4601378b6" 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-72c7cdc49fba3f3cea169f2086ef4186">
+<a href="javascript:history.back();" class="lightbox" id="image-ede93f3ed24c8067f22602a4601378b6">
 <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-fb446ccba56d06be1d19ec2cc502afe4" class="lightbox-link">
+<a href="#image-9411cd27c17f12513e3376a610fde7ab" 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-fb446ccba56d06be1d19ec2cc502afe4">
+<a href="javascript:history.back();" class="lightbox" id="image-9411cd27c17f12513e3376a610fde7ab">
 <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-eee1777490079266d3b5dc5219e305cf" class="lightbox-link">
+<a href="#image-c843b8980b819b4027852c7713abdc37" 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-eee1777490079266d3b5dc5219e305cf">
+<a href="javascript:history.back();" class="lightbox" id="image-c843b8980b819b4027852c7713abdc37">
 <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-7c8299a3ea034f624805c57d1b0b1b5b" class="lightbox-link">
+<a href="#image-283722696c576906eb526e26108c80c1" 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-7c8299a3ea034f624805c57d1b0b1b5b">
+<a href="javascript:history.back();" class="lightbox" id="image-283722696c576906eb526e26108c80c1">
 <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-bf0fdb79b35f4fa3ed6eb80f9a3b1e8d" class="lightbox-link">
+<a href="#image-784929b776155a9993312687ef71610a" 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-bf0fdb79b35f4fa3ed6eb80f9a3b1e8d">
+<a href="javascript:history.back();" class="lightbox" id="image-784929b776155a9993312687ef71610a">
 <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-ff15215ec3e9cb3ceeb9d0bf7b3f59ef" class="lightbox-link">
+<a href="#image-d3f83f52939fcbd75492f227de2bc99b" 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-ff15215ec3e9cb3ceeb9d0bf7b3f59ef">
+<a href="javascript:history.back();" class="lightbox" id="image-d3f83f52939fcbd75492f227de2bc99b">
 <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>
@@ -963,25 +963,25 @@ lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x&lt; L[0]]) + L[0:1] + qs
 <li>
 
 <div class="expand">
-    <input type="checkbox" id="expand-fe9af718bc1428bb1820a36abc1122bc" aria-controls="expandcontent-fe9af718bc1428bb1820a36abc1122bc" >
-    <label class="expand-label" for="expand-fe9af718bc1428bb1820a36abc1122bc" >
+    <input type="checkbox" id="expand-6f75eaac9f62b13a4913482d26d4ede5" aria-controls="expandcontent-6f75eaac9f62b13a4913482d26d4ede5" >
+    <label class="expand-label" for="expand-6f75eaac9f62b13a4913482d26d4ede5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-fe9af718bc1428bb1820a36abc1122bc" class="expand-content">
+    <div id="expandcontent-6f75eaac9f62b13a4913482d26d4ede5" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-2286f9144d29e90959b52a9cce03b001" aria-controls="expandcontent-2286f9144d29e90959b52a9cce03b001" >
-    <label class="expand-label" for="expand-2286f9144d29e90959b52a9cce03b001" >
+    <input type="checkbox" id="expand-696671e37d4f294f66f72d37dc043f53" aria-controls="expandcontent-696671e37d4f294f66f72d37dc043f53" >
+    <label class="expand-label" for="expand-696671e37d4f294f66f72d37dc043f53" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-2286f9144d29e90959b52a9cce03b001" class="expand-content">
+    <div id="expandcontent-696671e37d4f294f66f72d37dc043f53" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
@@ -1141,13 +1141,13 @@ Thank ye!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="b935e50b0b773c76de873489ecd4925e">
+<div class="tab-panel" data-tab-group="f0945b6e6f5049d06fdc2f1dbdfd34f3">
   <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('b935e50b0b773c76de873489ecd4925e','python')"
+      onclick="switchTab('f0945b6e6f5049d06fdc2f1dbdfd34f3','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1157,7 +1157,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b935e50b0b773c76de873489ecd4925e','bash')"
+      onclick="switchTab('f0945b6e6f5049d06fdc2f1dbdfd34f3','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1183,13 +1183,13 @@ Thank ye!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="fc687efe619d11986665cc78ee2050d7">
+<div class="tab-panel" data-tab-group="d61fb5b6928c1f1f042ad0c9dc8b5068">
   <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('fc687efe619d11986665cc78ee2050d7','python')"
+      onclick="switchTab('d61fb5b6928c1f1f042ad0c9dc8b5068','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1199,7 +1199,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc687efe619d11986665cc78ee2050d7','bash')"
+      onclick="switchTab('d61fb5b6928c1f1f042ad0c9dc8b5068','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1460,10 +1460,10 @@ Thank ye!</div>
 <tr>
 <td>
 		
-<a href="#image-0493e2da788540b0aa95268f6d9a0ab0" class="lightbox-link">
+<a href="#image-ae671c5cd26e594829d93c1781e9abb8" 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-0493e2da788540b0aa95268f6d9a0ab0">
+<a href="javascript:history.back();" class="lightbox" id="image-ae671c5cd26e594829d93c1781e9abb8">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -1546,13 +1546,13 @@ Thank ye!</div>
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-9086270376a80bdf4525a6f25b56aada" aria-controls="expandcontent-9086270376a80bdf4525a6f25b56aada" >
-    <label class="expand-label" for="expand-9086270376a80bdf4525a6f25b56aada" >
+    <input type="checkbox" id="expand-dc5430059de8947a4707c2a7f0098e4f" aria-controls="expandcontent-dc5430059de8947a4707c2a7f0098e4f" >
+    <label class="expand-label" for="expand-dc5430059de8947a4707c2a7f0098e4f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9086270376a80bdf4525a6f25b56aada" class="expand-content">
+    <div id="expandcontent-dc5430059de8947a4707c2a7f0098e4f" class="expand-content">
 <p>
 Thank ye!</div>
 </div></td>
@@ -1661,13 +1661,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="95aefb87f762ea0039b1ca838bdc4498">
+<div class="tab-panel" data-tab-group="9c545dad410dca58e014cd82c3f76e48">
   <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('95aefb87f762ea0039b1ca838bdc4498','python')"
+      onclick="switchTab('9c545dad410dca58e014cd82c3f76e48','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1677,7 +1677,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('95aefb87f762ea0039b1ca838bdc4498','bash')"
+      onclick="switchTab('9c545dad410dca58e014cd82c3f76e48','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1746,13 +1746,13 @@ graph LR;
 </ul>
 
 <div class="expand">
-    <input type="checkbox" id="expand-387ce04d69e77a65ec2d15d0d72a737a" aria-controls="expandcontent-387ce04d69e77a65ec2d15d0d72a737a" >
-    <label class="expand-label" for="expand-387ce04d69e77a65ec2d15d0d72a737a" >
+    <input type="checkbox" id="expand-562279bb970d220df1a256ec839aa5de" aria-controls="expandcontent-562279bb970d220df1a256ec839aa5de" >
+    <label class="expand-label" for="expand-562279bb970d220df1a256ec839aa5de" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-387ce04d69e77a65ec2d15d0d72a737a" class="expand-content">
+    <div id="expandcontent-562279bb970d220df1a256ec839aa5de" class="expand-content">
 <p>
 </div>
 </div>
@@ -1772,18 +1772,18 @@ graph LR;
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-735e059efe752fb42ff11dc775224c0b"
+    id="openapi-04a4cb432013dbd7bdb32cbd4de99ae5"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="ec2b67bd6a2154f866da36cdaca9d281">
+<div class="tab-panel" data-tab-group="6017f754246b79816cd8bec4a576c59b">
   <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('ec2b67bd6a2154f866da36cdaca9d281','')"
+      onclick="switchTab('6017f754246b79816cd8bec4a576c59b','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -1793,7 +1793,7 @@ graph LR;
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ec2b67bd6a2154f866da36cdaca9d281','')"
+      onclick="switchTab('6017f754246b79816cd8bec4a576c59b','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -1858,8 +1858,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../js/theme.js?1687453523" defer></script>
+    <script src="../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/lists/index.html b/pir/tests/lists/index.html
index 800a5049ac..824515d42f 100644
--- a/pir/tests/lists/index.html
+++ b/pir/tests/lists/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test shortcodes inside of list items">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-fe9af718bc1428bb1820a36abc1122bc" aria-controls="expandcontent-fe9af718bc1428bb1820a36abc1122bc" >
-    <label class="expand-label" for="expand-fe9af718bc1428bb1820a36abc1122bc" >
+    <input type="checkbox" id="expand-6f75eaac9f62b13a4913482d26d4ede5" aria-controls="expandcontent-6f75eaac9f62b13a4913482d26d4ede5" >
+    <label class="expand-label" for="expand-6f75eaac9f62b13a4913482d26d4ede5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-fe9af718bc1428bb1820a36abc1122bc" class="expand-content">
+    <div id="expandcontent-6f75eaac9f62b13a4913482d26d4ede5" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-2286f9144d29e90959b52a9cce03b001" aria-controls="expandcontent-2286f9144d29e90959b52a9cce03b001" >
-    <label class="expand-label" for="expand-2286f9144d29e90959b52a9cce03b001" >
+    <input type="checkbox" id="expand-696671e37d4f294f66f72d37dc043f53" aria-controls="expandcontent-696671e37d4f294f66f72d37dc043f53" >
+    <label class="expand-label" for="expand-696671e37d4f294f66f72d37dc043f53" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-2286f9144d29e90959b52a9cce03b001" class="expand-content">
+    <div id="expandcontent-696671e37d4f294f66f72d37dc043f53" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
@@ -410,13 +410,13 @@ Thank ye!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="b935e50b0b773c76de873489ecd4925e">
+<div class="tab-panel" data-tab-group="f0945b6e6f5049d06fdc2f1dbdfd34f3">
   <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('b935e50b0b773c76de873489ecd4925e','python')"
+      onclick="switchTab('f0945b6e6f5049d06fdc2f1dbdfd34f3','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -426,7 +426,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b935e50b0b773c76de873489ecd4925e','bash')"
+      onclick="switchTab('f0945b6e6f5049d06fdc2f1dbdfd34f3','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -452,13 +452,13 @@ Thank ye!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="fc687efe619d11986665cc78ee2050d7">
+<div class="tab-panel" data-tab-group="d61fb5b6928c1f1f042ad0c9dc8b5068">
   <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('fc687efe619d11986665cc78ee2050d7','python')"
+      onclick="switchTab('d61fb5b6928c1f1f042ad0c9dc8b5068','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -468,7 +468,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc687efe619d11986665cc78ee2050d7','bash')"
+      onclick="switchTab('d61fb5b6928c1f1f042ad0c9dc8b5068','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -585,20 +585,20 @@ Thank ye!</div>
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -681,24 +681,24 @@ Thank ye!</div>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/lists/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/lists/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -712,11 +712,20 @@ Thank ye!</div>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -739,12 +748,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/lists/index.print.html b/pir/tests/lists/index.print.html
index 920d27cd61..11dfe334bf 100644
--- a/pir/tests/lists/index.print.html
+++ b/pir/tests/lists/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test shortcodes inside of list items">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-fe9af718bc1428bb1820a36abc1122bc" aria-controls="expandcontent-fe9af718bc1428bb1820a36abc1122bc" >
-    <label class="expand-label" for="expand-fe9af718bc1428bb1820a36abc1122bc" >
+    <input type="checkbox" id="expand-6f75eaac9f62b13a4913482d26d4ede5" aria-controls="expandcontent-6f75eaac9f62b13a4913482d26d4ede5" >
+    <label class="expand-label" for="expand-6f75eaac9f62b13a4913482d26d4ede5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-fe9af718bc1428bb1820a36abc1122bc" class="expand-content">
+    <div id="expandcontent-6f75eaac9f62b13a4913482d26d4ede5" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-2286f9144d29e90959b52a9cce03b001" aria-controls="expandcontent-2286f9144d29e90959b52a9cce03b001" >
-    <label class="expand-label" for="expand-2286f9144d29e90959b52a9cce03b001" >
+    <input type="checkbox" id="expand-696671e37d4f294f66f72d37dc043f53" aria-controls="expandcontent-696671e37d4f294f66f72d37dc043f53" >
+    <label class="expand-label" for="expand-696671e37d4f294f66f72d37dc043f53" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-2286f9144d29e90959b52a9cce03b001" class="expand-content">
+    <div id="expandcontent-696671e37d4f294f66f72d37dc043f53" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
@@ -373,13 +373,13 @@ Thank ye!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="b935e50b0b773c76de873489ecd4925e">
+<div class="tab-panel" data-tab-group="f0945b6e6f5049d06fdc2f1dbdfd34f3">
   <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('b935e50b0b773c76de873489ecd4925e','python')"
+      onclick="switchTab('f0945b6e6f5049d06fdc2f1dbdfd34f3','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -389,7 +389,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b935e50b0b773c76de873489ecd4925e','bash')"
+      onclick="switchTab('f0945b6e6f5049d06fdc2f1dbdfd34f3','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -415,13 +415,13 @@ Thank ye!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="fc687efe619d11986665cc78ee2050d7">
+<div class="tab-panel" data-tab-group="d61fb5b6928c1f1f042ad0c9dc8b5068">
   <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('fc687efe619d11986665cc78ee2050d7','python')"
+      onclick="switchTab('d61fb5b6928c1f1f042ad0c9dc8b5068','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -431,7 +431,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc687efe619d11986665cc78ee2050d7','bash')"
+      onclick="switchTab('d61fb5b6928c1f1f042ad0c9dc8b5068','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -479,8 +479,8 @@ Thank ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/tables/index.html b/pir/tests/tables/index.html
index 153def3b3f..30a4bbdf3f 100644
--- a/pir/tests/tables/index.html
+++ b/pir/tests/tables/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Testing different markdown constructs inside of tables">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-0493e2da788540b0aa95268f6d9a0ab0" class="lightbox-link">
+<a href="#image-ae671c5cd26e594829d93c1781e9abb8" 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-0493e2da788540b0aa95268f6d9a0ab0">
+<a href="javascript:history.back();" class="lightbox" id="image-ae671c5cd26e594829d93c1781e9abb8">
 <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-9086270376a80bdf4525a6f25b56aada" aria-controls="expandcontent-9086270376a80bdf4525a6f25b56aada" >
-    <label class="expand-label" for="expand-9086270376a80bdf4525a6f25b56aada" >
+    <input type="checkbox" id="expand-dc5430059de8947a4707c2a7f0098e4f" aria-controls="expandcontent-dc5430059de8947a4707c2a7f0098e4f" >
+    <label class="expand-label" for="expand-dc5430059de8947a4707c2a7f0098e4f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9086270376a80bdf4525a6f25b56aada" class="expand-content">
+    <div id="expandcontent-dc5430059de8947a4707c2a7f0098e4f" class="expand-content">
 <p>
 Thank ye!</div>
 </div></td>
@@ -518,13 +518,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="95aefb87f762ea0039b1ca838bdc4498">
+<div class="tab-panel" data-tab-group="9c545dad410dca58e014cd82c3f76e48">
   <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('95aefb87f762ea0039b1ca838bdc4498','python')"
+      onclick="switchTab('9c545dad410dca58e014cd82c3f76e48','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -534,7 +534,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('95aefb87f762ea0039b1ca838bdc4498','bash')"
+      onclick="switchTab('9c545dad410dca58e014cd82c3f76e48','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -649,20 +649,20 @@ graph LR;
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453522" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453522" defer></script>
-        <script src="../../../js/search.js?1687453522" defer></script>
+        <script src="../../../js/auto-complete.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400164" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400164" defer></script>
+        <script src="../../../js/search.js?1690400164" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -745,24 +745,24 @@ graph LR;
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/tables/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/tables/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -776,11 +776,20 @@ graph LR;
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -803,12 +812,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?1687453522"></script>
+          <script async src="../../../js/buttons.js?1690400164"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/pir/tests/tables/index.print.html b/pir/tests/tables/index.print.html
index 93ee939191..ce15412362 100644
--- a/pir/tests/tables/index.print.html
+++ b/pir/tests/tables/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Testing different markdown constructs inside of tables">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-0493e2da788540b0aa95268f6d9a0ab0" class="lightbox-link">
+<a href="#image-ae671c5cd26e594829d93c1781e9abb8" 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-0493e2da788540b0aa95268f6d9a0ab0">
+<a href="javascript:history.back();" class="lightbox" id="image-ae671c5cd26e594829d93c1781e9abb8">
 <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-9086270376a80bdf4525a6f25b56aada" aria-controls="expandcontent-9086270376a80bdf4525a6f25b56aada" >
-    <label class="expand-label" for="expand-9086270376a80bdf4525a6f25b56aada" >
+    <input type="checkbox" id="expand-dc5430059de8947a4707c2a7f0098e4f" aria-controls="expandcontent-dc5430059de8947a4707c2a7f0098e4f" >
+    <label class="expand-label" for="expand-dc5430059de8947a4707c2a7f0098e4f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9086270376a80bdf4525a6f25b56aada" class="expand-content">
+    <div id="expandcontent-dc5430059de8947a4707c2a7f0098e4f" class="expand-content">
 <p>
 Thank ye!</div>
 </div></td>
@@ -487,13 +487,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="95aefb87f762ea0039b1ca838bdc4498">
+<div class="tab-panel" data-tab-group="9c545dad410dca58e014cd82c3f76e48">
   <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('95aefb87f762ea0039b1ca838bdc4498','python')"
+      onclick="switchTab('9c545dad410dca58e014cd82c3f76e48','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -503,7 +503,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('95aefb87f762ea0039b1ca838bdc4498','bash')"
+      onclick="switchTab('9c545dad410dca58e014cd82c3f76e48','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -549,8 +549,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1687453523" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453523" defer></script>
-    <script src="../../../js/theme.js?1687453523" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400165" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400165" defer></script>
+    <script src="../../../js/theme.js?1690400165" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.html b/pir/tests/width/index.html
index 45f388028a..2131b1ff4f 100644
--- a/pir/tests/width/index.html
+++ b/pir/tests/width/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test dynamic width rrresizing o&#39; content if scrrrollbar &#39;s present">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400162" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400162" rel="stylesheet">
+    <link href="../../../css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400162" rel="stylesheet">
+    <script src="../../../js/url.js?1690400162"></script>
+    <script src="../../../js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +186,20 @@
           </a>
         </div>
         <form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Searrrch</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453521" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453521" defer></script>
-        <script src="../../../js/search.js?1687453521" defer></script>
+        <script src="../../../js/auto-complete.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400163" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400163" defer></script>
+        <script src="../../../js/search.js?1690400163" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,24 +282,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/width/index.html">English</option>
                     <option lang="pir" id="pir" value="/pir/tests/width/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -313,11 +313,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear Historrry</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clearrr Historrry</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -340,12 +349,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?1687453521"></script>
+          <script async src="../../../js/buttons.js?1690400163"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453521" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453521" defer></script>
-    <script src="../../../js/theme.js?1687453521" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400163" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400163" defer></script>
+    <script src="../../../js/theme.js?1690400163" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.print.html b/pir/tests/width/index.print.html
index 94bf6a8e07..074d140e3d 100644
--- a/pir/tests/width/index.print.html
+++ b/pir/tests/width/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test dynamic width rrresizing o&#39; content if scrrrollbar &#39;s present">
@@ -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?1687453519" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400162" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453522" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453522" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453522" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453522" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453522" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453522" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453522" rel="stylesheet">
-    <link href="../../../css/print.css?1687453522" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453522" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453522" rel="stylesheet">
-    <script src="../../../js/url.js?1687453522"></script>
-    <script src="../../../js/variant.js?1687453522"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400164" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400164" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400164" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400164" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400164" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400164" rel="stylesheet">
+    <link href="../../../css/print.css?1690400164" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400164" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400164" rel="stylesheet">
+    <script src="../../../js/url.js?1690400164"></script>
+    <script src="../../../js/variant.js?1690400164"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453522" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453522" defer></script>
-    <script src="../../../js/theme.js?1687453522" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400164" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400164" defer></script>
+    <script src="../../../js/theme.js?1690400164" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 23bf8bdc3e..03f87c5964 100644
--- a/search.html
+++ b/search.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="./css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="./css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1687453519" rel="stylesheet">
-    <link href="./css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1687453519" rel="stylesheet">
-    <link href="./css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1687453519" rel="stylesheet">
-    <script src="./js/url.js?1687453519"></script>
-    <script src="./js/variant.js?1687453519"></script>
+    <link href="./css/fontawesome-all.min.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1690400162" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1690400162" rel="stylesheet">
+    <link href="./css/auto-complete.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1690400162" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1690400162" rel="stylesheet">
+    <link href="./css/fonts.css?1690400162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1690400162" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1690400162" rel="stylesheet">
+    <link href="./css/theme-auto.css?1690400162" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1690400162" rel="stylesheet">
+    <link href="./css/print.css?1690400162" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1690400162" rel="stylesheet">
+    <script src="./js/url.js?1690400162"></script>
+    <script src="./js/variant.js?1690400162"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -172,20 +172,20 @@
           </a>
         </div>
         <form action="./search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1687453519" defer></script>
-        <script src="./js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="./js/search.js?1687453519" defer></script>
+        <script src="./js/auto-complete.js?1690400162" defer></script>
+        <script src="./js/lunr/lunr.min.js?1690400162" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1690400162" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1690400162" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1690400162" defer></script>
+        <script src="./js/search.js?1690400162" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -246,24 +246,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/search.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/search.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -277,11 +277,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -304,12 +313,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?1687453519"></script>
+          <script async src="./js/buttons.js?1690400162"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1687453519" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="./js/theme.js?1687453519" defer></script>
+    <script src="./js/clipboard.min.js?1690400162" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1690400162" defer></script>
+    <script src="./js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index e9be4e4893..f2879c3a1b 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="List of files attached to a page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="6b7f84da7af7d89c6506197b6bd5ce95">
+<div class="tab-panel" data-tab-group="7503d9d7889d893df09ec575afd107cb">
   <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('6b7f84da7af7d89c6506197b6bd5ce95','shortcode')"
+      onclick="switchTab('7503d9d7889d893df09ec575afd107cb','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -159,7 +159,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b7f84da7af7d89c6506197b6bd5ce95','partial')"
+      onclick="switchTab('7503d9d7889d893df09ec575afd107cb','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -444,20 +444,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400159" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400159" defer></script>
+        <script src="../../js/search.js?1690400159" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -518,24 +518,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/attachments/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/attachments/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -549,11 +549,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -576,12 +585,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400159"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400159" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400159" defer></script>
+    <script src="../../js/theme.js?1690400159" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index ad7b847c55..1fac252a4c 100644
--- a/shortcodes/attachments/index.print.html
+++ b/shortcodes/attachments/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="List of files attached to a page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="6b7f84da7af7d89c6506197b6bd5ce95">
+<div class="tab-panel" data-tab-group="7503d9d7889d893df09ec575afd107cb">
   <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('6b7f84da7af7d89c6506197b6bd5ce95','shortcode')"
+      onclick="switchTab('7503d9d7889d893df09ec575afd107cb','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -116,7 +116,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b7f84da7af7d89c6506197b6bd5ce95','partial')"
+      onclick="switchTab('7503d9d7889d893df09ec575afd107cb','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -332,8 +332,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 0f019464d6..1a0037115e 100644
--- a/shortcodes/badge/index.html
+++ b/shortcodes/badge/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Marker badges to display in your text">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="b2631a69149b19e4e27701bece5f9d9c">
+<div class="tab-panel" data-tab-group="0ab02781246550b99e72bc6765bf72f0">
   <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('b2631a69149b19e4e27701bece5f9d9c','shortcode')"
+      onclick="switchTab('0ab02781246550b99e72bc6765bf72f0','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -137,7 +137,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b2631a69149b19e4e27701bece5f9d9c','partial')"
+      onclick="switchTab('0ab02781246550b99e72bc6765bf72f0','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -383,20 +383,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -457,24 +457,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/badge/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/badge/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -488,11 +488,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -515,12 +524,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index c41f6a0fa7..70bfa50672 100644
--- a/shortcodes/badge/index.print.html
+++ b/shortcodes/badge/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Marker badges to display in your text">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="b2631a69149b19e4e27701bece5f9d9c">
+<div class="tab-panel" data-tab-group="0ab02781246550b99e72bc6765bf72f0">
   <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('b2631a69149b19e4e27701bece5f9d9c','shortcode')"
+      onclick="switchTab('0ab02781246550b99e72bc6765bf72f0','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -101,7 +101,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b2631a69149b19e4e27701bece5f9d9c','partial')"
+      onclick="switchTab('0ab02781246550b99e72bc6765bf72f0','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -278,8 +278,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index b674d308f0..e694ad2155 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Clickable buttons">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="e20cb7a61b183753241de3440cda52a2">
+<div class="tab-panel" data-tab-group="659e965bbff9d0ebf429bc1e15292575">
   <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('e20cb7a61b183753241de3440cda52a2','shortcode')"
+      onclick="switchTab('659e965bbff9d0ebf429bc1e15292575','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -146,7 +146,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e20cb7a61b183753241de3440cda52a2','partial')"
+      onclick="switchTab('659e965bbff9d0ebf429bc1e15292575','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -341,6 +341,21 @@
   </a>
 </span></p>
 <h3 id="icon">Icon</h3>
+<h4 id="empty">Empty</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    
+  </a>
+</span>
+<h4 id="only">Only</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fa-fw fas fa-download"></i>
+    
+  </a>
+</span>
 <h4 id="to-the-left">To the Left</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <span class="btn cstyle transparent">
@@ -508,20 +523,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -582,24 +597,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/button/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/button/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -613,11 +628,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -640,12 +664,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 1ccefb7cfc..6d04195065 100644
--- a/shortcodes/button/index.print.html
+++ b/shortcodes/button/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Clickable buttons">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="e20cb7a61b183753241de3440cda52a2">
+<div class="tab-panel" data-tab-group="659e965bbff9d0ebf429bc1e15292575">
   <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('e20cb7a61b183753241de3440cda52a2','shortcode')"
+      onclick="switchTab('659e965bbff9d0ebf429bc1e15292575','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -109,7 +109,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e20cb7a61b183753241de3440cda52a2','partial')"
+      onclick="switchTab('659e965bbff9d0ebf429bc1e15292575','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -304,6 +304,21 @@
   </a>
 </span></p>
 <h3 id="icon">Icon</h3>
+<h4 id="empty">Empty</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    
+  </a>
+</span>
+<h4 id="only">Only</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fa-fw fas fa-download"></i>
+    
+  </a>
+</span>
 <h4 id="to-the-left">To the Left</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <span class="btn cstyle transparent">
@@ -402,8 +417,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" 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 64d0f6a9e4..051a2d6e17 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1687453517"></script>
-    <script src="../../../../../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1690400159"></script>
+    <script src="../../../../../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +179,20 @@
           </a>
         </div>
         <form action="../../../../../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -257,24 +257,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/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" selected>English</option>
                     <option lang="pir" id="pir" value="/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">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -288,11 +288,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -315,12 +324,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?1687453518"></script>
+          <script async src="../../../../../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../../../js/theme.js?1690400161" 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 89458e1a38..9936648311 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1690400161"></script>
+    <script src="../../../../../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../../../js/theme.js?1690400161" 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 839d469b2a..c1e87cf8f6 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1687453517"></script>
-    <script src="../../../../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1690400159"></script>
+    <script src="../../../../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +194,20 @@
           </a>
         </div>
         <form action="../../../../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -272,24 +272,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/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">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -303,11 +303,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -330,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?1687453518"></script>
+          <script async src="../../../../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../../js/theme.js?1690400161" 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 25493f9dbd..c9e912016a 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1690400161"></script>
+    <script src="../../../../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../../js/theme.js?1690400161" 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 0044a46268..859c7f3c46 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453517"></script>
-    <script src="../../../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400159"></script>
+    <script src="../../../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +193,20 @@
           </a>
         </div>
         <form action="../../../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -269,24 +269,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -300,11 +300,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -327,12 +336,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?1687453518"></script>
+          <script async src="../../../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/theme.js?1690400161" 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 9c6ca70dce..e25b7b5e9f 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400161"></script>
+    <script src="../../../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/theme.js?1690400161" 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 f1eaa49b6d..7dffce0597 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453517"></script>
-    <script src="../../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400159"></script>
+    <script src="../../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +192,20 @@
           </a>
         </div>
         <form action="../../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -268,24 +268,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -299,11 +299,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -326,12 +335,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?1687453518"></script>
+          <script async src="../../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../js/theme.js?1690400161" 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 db98808c32..08cb143b9a 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400161"></script>
+    <script src="../../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../js/theme.js?1690400161" 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 f8aa849399..08ff2b95fc 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453517"></script>
-    <script src="../../../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400159"></script>
+    <script src="../../../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +178,20 @@
           </a>
         </div>
         <form action="../../../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -252,24 +252,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -283,11 +283,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -310,12 +319,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?1687453518"></script>
+          <script async src="../../../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/theme.js?1690400161" 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 6d97e30fd4..a810e0a474 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400161"></script>
+    <script src="../../../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/theme.js?1690400161" 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 fc8d24afcc..65e6308bb4 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453517"></script>
-    <script src="../../../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400159"></script>
+    <script src="../../../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +178,20 @@
           </a>
         </div>
         <form action="../../../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -252,24 +252,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -283,11 +283,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -310,12 +319,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?1687453518"></script>
+          <script async src="../../../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/theme.js?1690400161" 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 6de1bbba85..2ad63b5a66 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1690400161"></script>
+    <script src="../../../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../../js/theme.js?1690400161" 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 cd96103ad4..ef0d17c06a 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453517"></script>
-    <script src="../../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400159"></script>
+    <script src="../../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +194,20 @@
           </a>
         </div>
         <form action="../../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -268,24 +268,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -299,11 +299,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -326,12 +335,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?1687453518"></script>
+          <script async src="../../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../js/theme.js?1690400161" 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 ca4e748e3c..373919dedb 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400161"></script>
+    <script src="../../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../js/theme.js?1690400161" 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 92647e434b..45a8c3cf68 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453517"></script>
-    <script src="../../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400159"></script>
+    <script src="../../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +177,20 @@
           </a>
         </div>
         <form action="../../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -251,24 +251,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -282,11 +282,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -309,12 +318,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?1687453518"></script>
+          <script async src="../../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../js/theme.js?1690400161" 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 427c9eb5c0..fc15a3215a 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
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../../js/url.js?1687453519"></script>
-    <script src="../../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../../js/url.js?1690400161"></script>
+    <script src="../../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../../js/theme.js?1690400161" 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 9b8f7f0cae..a9136a56b1 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453517"></script>
-    <script src="../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400159"></script>
+    <script src="../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +194,20 @@
           </a>
         </div>
         <form action="../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../../js/search.js?1687453518" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -268,24 +268,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/children-1-1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/children-1-1/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -299,11 +299,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -326,12 +335,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?1687453518"></script>
+          <script async src="../../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../js/theme.js?1690400161" 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 0b2ba66b70..6f2ebcdcf6 100644
--- a/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400161"></script>
+    <script src="../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index dbbc560134..3493231e19 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +191,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-1/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 9aea90013f..8108a3ad8e 100644
--- a/shortcodes/children/children-1/index.print.html
+++ b/shortcodes/children/children-1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 16ef582c9d..4f884f7dee 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -250,24 +250,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-2/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-2/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -281,11 +281,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -308,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 8eeb3142fd..be0bc946a0 100644
--- a/shortcodes/children/children-2/index.print.html
+++ b/shortcodes/children/children-2/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index fe8380c68d..6ecad50847 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +191,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -265,24 +265,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-3/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-3/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -296,11 +296,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -323,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?1687453519"></script>
+          <script async src="../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index 668dae7fa7..b2dd68ca3e 100644
--- a/shortcodes/children/children-3/index.print.html
+++ b/shortcodes/children/children-3/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 3e69ed8214..c33d18c5d4 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a plain page test nested in a parent">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453517"></script>
-    <script src="../../../../js/variant.js?1687453517"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400159"></script>
+    <script src="../../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../../js/search.js?1687453517" defer></script>
+        <script src="../../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -250,24 +250,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-3/test3/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-3/test3/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -281,11 +281,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -308,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?1687453517"></script>
+          <script async src="../../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../../../js/theme.js?1687453517" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../../js/theme.js?1690400160" 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 7008bd5966..4dffba62c2 100644
--- a/shortcodes/children/children-3/test3/index.print.html
+++ b/shortcodes/children/children-3/test3/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a plain page test nested in a parent">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../../js/url.js?1687453519"></script>
-    <script src="../../../../js/variant.js?1687453519"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../../js/url.js?1690400161"></script>
+    <script src="../../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 5da4177d7b..3f0ce316b7 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +174,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -249,24 +249,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/children-4/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/children-4/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -280,11 +280,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -307,12 +316,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?1687453519"></script>
+          <script async src="../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index d5bdd5d4dc..b126040ae6 100644
--- a/shortcodes/children/children-4/index.print.html
+++ b/shortcodes/children/children-4/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 386e24880f..ebd3f63a07 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="List the child pages of a page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="16a6b9867fef710e424fbe5fcc5530a9">
+<div class="tab-panel" data-tab-group="d3fe9233371049c02220d60079a8a651">
   <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('16a6b9867fef710e424fbe5fcc5530a9','shortcode')"
+      onclick="switchTab('d3fe9233371049c02220d60079a8a651','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -142,7 +142,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('16a6b9867fef710e424fbe5fcc5530a9','partial')"
+      onclick="switchTab('d3fe9233371049c02220d60079a8a651','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -386,20 +386,20 @@ So its content is used as description.</p>
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../js/search.js?1687453518" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -460,24 +460,24 @@ So its content is used as description.</p>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -491,11 +491,20 @@ So its content is used as description.</p>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -518,12 +527,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?1687453518"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../js/theme.js?1687453518" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index 04bc1e1a64..cb97363d3f 100644
--- a/shortcodes/children/index.print.html
+++ b/shortcodes/children/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="List the child pages of a page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="16a6b9867fef710e424fbe5fcc5530a9">
+<div class="tab-panel" data-tab-group="d3fe9233371049c02220d60079a8a651">
   <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('16a6b9867fef710e424fbe5fcc5530a9','shortcode')"
+      onclick="switchTab('d3fe9233371049c02220d60079a8a651','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -104,7 +104,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('16a6b9867fef710e424fbe5fcc5530a9','partial')"
+      onclick="switchTab('d3fe9233371049c02220d60079a8a651','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -481,8 +481,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index ab2886f139..de31bda323 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a plain page test, and the beginning of a YAML multiline description...
 ">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -175,20 +175,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../js/search.js?1687453517" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -249,24 +249,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/children/test/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/children/test/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -280,11 +280,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -307,12 +316,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?1687453517"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../../js/theme.js?1687453517" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 7685c44731..fb04ead8a4 100644
--- a/shortcodes/children/test/index.print.html
+++ b/shortcodes/children/test/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="This is a plain page test, and the beginning of a YAML multiline description...
 ">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 9b762c4c30..cf0eeb3ed0 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Expandable/collapsible sections of text">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-855c3ca4749a3c4ae4fd5d9ff29b74b7" aria-controls="expandcontent-855c3ca4749a3c4ae4fd5d9ff29b74b7" >
-    <label class="expand-label" for="expand-855c3ca4749a3c4ae4fd5d9ff29b74b7" >
+    <input type="checkbox" id="expand-6b657a4fe8d859178f6f67cfde3ac4f5" aria-controls="expandcontent-6b657a4fe8d859178f6f67cfde3ac4f5" >
+    <label class="expand-label" for="expand-6b657a4fe8d859178f6f67cfde3ac4f5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-855c3ca4749a3c4ae4fd5d9ff29b74b7" class="expand-content">
+    <div id="expandcontent-6b657a4fe8d859178f6f67cfde3ac4f5" 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,13 +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="5646103dd49e0e3273222c7bdee56ee5">
+<div class="tab-panel" data-tab-group="e0e61b13a005e70cbe31b084c19b953e">
   <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('5646103dd49e0e3273222c7bdee56ee5','shortcode')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -167,7 +167,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('5646103dd49e0e3273222c7bdee56ee5','shortcode (positional)')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -177,7 +177,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('5646103dd49e0e3273222c7bdee56ee5','partial')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -248,26 +248,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-67c22990b7d0d225618e8a6e6d68d2bb" aria-controls="expandcontent-67c22990b7d0d225618e8a6e6d68d2bb" >
-    <label class="expand-label" for="expand-67c22990b7d0d225618e8a6e6d68d2bb" >
+    <input type="checkbox" id="expand-ee2c88b66162805a208b22875b5e776f" aria-controls="expandcontent-ee2c88b66162805a208b22875b5e776f" >
+    <label class="expand-label" for="expand-ee2c88b66162805a208b22875b5e776f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-67c22990b7d0d225618e8a6e6d68d2bb" class="expand-content">
+    <div id="expandcontent-ee2c88b66162805a208b22875b5e776f" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-5e6af6dea0820267402c35db1ae165e8" aria-controls="expandcontent-5e6af6dea0820267402c35db1ae165e8"  checked>
-    <label class="expand-label" for="expand-5e6af6dea0820267402c35db1ae165e8" >
+    <input type="checkbox" id="expand-833d75c9555ab682af6232914d9f1b15" aria-controls="expandcontent-833d75c9555ab682af6232914d9f1b15"  checked>
+    <label class="expand-label" for="expand-833d75c9555ab682af6232914d9f1b15" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5e6af6dea0820267402c35db1ae165e8" class="expand-content">
+    <div id="expandcontent-833d75c9555ab682af6232914d9f1b15" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -288,13 +288,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-57a0deacdbc992089d580b95d6e86fff" aria-controls="expandcontent-57a0deacdbc992089d580b95d6e86fff" >
-    <label class="expand-label" for="expand-57a0deacdbc992089d580b95d6e86fff" >
+    <input type="checkbox" id="expand-6bbda6ce09e176d5f24fef24c06c17e0" aria-controls="expandcontent-6bbda6ce09e176d5f24fef24c06c17e0" >
+    <label class="expand-label" for="expand-6bbda6ce09e176d5f24fef24c06c17e0" >
         <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-57a0deacdbc992089d580b95d6e86fff" class="expand-content">
+    <div id="expandcontent-6bbda6ce09e176d5f24fef24c06c17e0" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -387,20 +387,20 @@ No need to press you!</div>
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -461,24 +461,24 @@ No need to press you!</div>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/expand/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/expand/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -492,11 +492,20 @@ No need to press you!</div>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -519,12 +528,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 5ed87ed28a..86ca3bf0d8 100644
--- a/shortcodes/expand/index.print.html
+++ b/shortcodes/expand/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Expandable/collapsible sections of text">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-855c3ca4749a3c4ae4fd5d9ff29b74b7" aria-controls="expandcontent-855c3ca4749a3c4ae4fd5d9ff29b74b7" >
-    <label class="expand-label" for="expand-855c3ca4749a3c4ae4fd5d9ff29b74b7" >
+    <input type="checkbox" id="expand-6b657a4fe8d859178f6f67cfde3ac4f5" aria-controls="expandcontent-6b657a4fe8d859178f6f67cfde3ac4f5" >
+    <label class="expand-label" for="expand-6b657a4fe8d859178f6f67cfde3ac4f5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-855c3ca4749a3c4ae4fd5d9ff29b74b7" class="expand-content">
+    <div id="expandcontent-6b657a4fe8d859178f6f67cfde3ac4f5" 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,13 +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="5646103dd49e0e3273222c7bdee56ee5">
+<div class="tab-panel" data-tab-group="e0e61b13a005e70cbe31b084c19b953e">
   <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('5646103dd49e0e3273222c7bdee56ee5','shortcode')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -131,7 +131,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('5646103dd49e0e3273222c7bdee56ee5','shortcode (positional)')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -141,7 +141,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('5646103dd49e0e3273222c7bdee56ee5','partial')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -212,26 +212,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-67c22990b7d0d225618e8a6e6d68d2bb" aria-controls="expandcontent-67c22990b7d0d225618e8a6e6d68d2bb" >
-    <label class="expand-label" for="expand-67c22990b7d0d225618e8a6e6d68d2bb" >
+    <input type="checkbox" id="expand-ee2c88b66162805a208b22875b5e776f" aria-controls="expandcontent-ee2c88b66162805a208b22875b5e776f" >
+    <label class="expand-label" for="expand-ee2c88b66162805a208b22875b5e776f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-67c22990b7d0d225618e8a6e6d68d2bb" class="expand-content">
+    <div id="expandcontent-ee2c88b66162805a208b22875b5e776f" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-5e6af6dea0820267402c35db1ae165e8" aria-controls="expandcontent-5e6af6dea0820267402c35db1ae165e8"  checked>
-    <label class="expand-label" for="expand-5e6af6dea0820267402c35db1ae165e8" >
+    <input type="checkbox" id="expand-833d75c9555ab682af6232914d9f1b15" aria-controls="expandcontent-833d75c9555ab682af6232914d9f1b15"  checked>
+    <label class="expand-label" for="expand-833d75c9555ab682af6232914d9f1b15" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5e6af6dea0820267402c35db1ae165e8" class="expand-content">
+    <div id="expandcontent-833d75c9555ab682af6232914d9f1b15" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -252,13 +252,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-57a0deacdbc992089d580b95d6e86fff" aria-controls="expandcontent-57a0deacdbc992089d580b95d6e86fff" >
-    <label class="expand-label" for="expand-57a0deacdbc992089d580b95d6e86fff" >
+    <input type="checkbox" id="expand-6bbda6ce09e176d5f24fef24c06c17e0" aria-controls="expandcontent-6bbda6ce09e176d5f24fef24c06c17e0" >
+    <label class="expand-label" for="expand-6bbda6ce09e176d5f24fef24c06c17e0" >
         <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-57a0deacdbc992089d580b95d6e86fff" class="expand-content">
+    <div id="expandcontent-6bbda6ce09e176d5f24fef24c06c17e0" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -282,8 +282,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index 15e559ec49..ce2e103e2f 100644
--- a/shortcodes/highlight/index.html
+++ b/shortcodes/highlight/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Render code with a syntax highlighter">
     <meta name="author" content="Sören Weber">
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +126,13 @@
 <p>You are free to also call this shortcode from your own partials. In this case it somewhat resemble Hugo&rsquo;s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> function</a> syntax if you call this shortcode as a partial using compatiblity syntax.</p>
 <p>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 codefences (eg. GitHub) and so your markdown becomes more portable.</p>
 
-<div class="tab-panel" data-tab-group="d5ac9ca2b516ca799c6a89cded53a87d">
+<div class="tab-panel" data-tab-group="9d8b921e7200c5eb031d2108bf209c83">
   <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('d5ac9ca2b516ca799c6a89cded53a87d','codefence')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -142,7 +142,7 @@
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','shortcode')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -152,7 +152,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','shortcode (positional)')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -162,7 +162,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','partial')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -172,7 +172,7 @@
     <button
       data-tab-item="partial (compat)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','partial (compat)')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','partial (compat)')"
     >
       <div>
         <div class="tab-nav-hidden">partial (compat)</div>
@@ -403,20 +403,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -477,24 +477,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/highlight/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/highlight/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -508,11 +508,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -535,12 +544,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index 6a22b6e1a0..e93b419fe3 100644
--- a/shortcodes/highlight/index.print.html
+++ b/shortcodes/highlight/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Render code with a syntax highlighter">
     <meta name="author" content="Sören Weber">
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,13 +84,13 @@
 <p>You are free to also call this shortcode from your own partials. In this case it somewhat resemble Hugo&rsquo;s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> function</a> syntax if you call this shortcode as a partial using compatiblity syntax.</p>
 <p>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 codefences (eg. GitHub) and so your markdown becomes more portable.</p>
 
-<div class="tab-panel" data-tab-group="d5ac9ca2b516ca799c6a89cded53a87d">
+<div class="tab-panel" data-tab-group="9d8b921e7200c5eb031d2108bf209c83">
   <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('d5ac9ca2b516ca799c6a89cded53a87d','codefence')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -100,7 +100,7 @@
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','shortcode')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -110,7 +110,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','shortcode (positional)')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -120,7 +120,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','partial')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -130,7 +130,7 @@
     <button
       data-tab-item="partial (compat)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','partial (compat)')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','partial (compat)')"
     >
       <div>
         <div class="tab-nav-hidden">partial (compat)</div>
@@ -292,8 +292,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 692c8341ff..556a023345 100644
--- a/shortcodes/icon/index.html
+++ b/shortcodes/icon/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Nice icons for your page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="97ecd5adc90d6435055ead1db89ecabb">
+<div class="tab-panel" data-tab-group="68aedfe1e40b6f3997b7ee32ad082915">
   <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('97ecd5adc90d6435055ead1db89ecabb','shortcode')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -136,7 +136,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97ecd5adc90d6435055ead1db89ecabb','shortcode (positional)')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -146,7 +146,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97ecd5adc90d6435055ead1db89ecabb','partial')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -308,20 +308,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -382,24 +382,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/icon/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/icon/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -413,11 +413,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -440,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 296534147c..91af467006 100644
--- a/shortcodes/icon/index.print.html
+++ b/shortcodes/icon/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Nice icons for your page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,13 +83,13 @@
 <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="97ecd5adc90d6435055ead1db89ecabb">
+<div class="tab-panel" data-tab-group="68aedfe1e40b6f3997b7ee32ad082915">
   <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('97ecd5adc90d6435055ead1db89ecabb','shortcode')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -99,7 +99,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97ecd5adc90d6435055ead1db89ecabb','shortcode (positional)')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -109,7 +109,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97ecd5adc90d6435055ead1db89ecabb','partial')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -202,8 +202,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 1bf415746b..d1b646c18b 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Displays content from other files">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="25c3531af5a384b02a6e1e56b7d6490a">
+<div class="tab-panel" data-tab-group="ecb7d0028791ca6a23c7aeaf69552edf">
   <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('25c3531af5a384b02a6e1e56b7d6490a','shortcode')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -130,7 +130,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('25c3531af5a384b02a6e1e56b7d6490a','shortcode (positional)')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -140,7 +140,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('25c3531af5a384b02a6e1e56b7d6490a','partial')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -300,20 +300,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -374,24 +374,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/include/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/include/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -405,11 +405,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -432,12 +441,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 4de91afd24..5a752022f2 100644
--- a/shortcodes/include/index.print.html
+++ b/shortcodes/include/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Displays content from other files">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="25c3531af5a384b02a6e1e56b7d6490a">
+<div class="tab-panel" data-tab-group="ecb7d0028791ca6a23c7aeaf69552edf">
   <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('25c3531af5a384b02a6e1e56b7d6490a','shortcode')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -96,7 +96,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('25c3531af5a384b02a6e1e56b7d6490a','shortcode (positional)')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -106,7 +106,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('25c3531af5a384b02a6e1e56b7d6490a','partial')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -197,8 +197,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index aa18592474..027b1aa686 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +184,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -259,23 +259,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/include_me/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -289,11 +289,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -316,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index aa5142ff26..218cdc596e 100644
--- a/shortcodes/include_me/index.print.html
+++ b/shortcodes/include_me/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 7ff39ed91e..32577e152e 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../js/url.js?1687453517"></script>
-    <script src="../js/variant.js?1687453517"></script>
+    <link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../js/url.js?1690400159"></script>
+    <script src="../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +192,20 @@
           </a>
         </div>
         <form action="../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../js/search.js?1687453518" defer></script>
+        <script src="../js/auto-complete.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -266,24 +266,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -297,11 +297,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -324,12 +333,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?1687453518"></script>
+          <script async src="../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../js/theme.js?1687453518" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 94a4083b7f..a534e2d47c 100644
--- a/shortcodes/index.print.html
+++ b/shortcodes/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../js/url.js?1687453519"></script>
-    <script src="../js/variant.js?1687453519"></script>
+    <link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../js/url.js?1690400161"></script>
+    <script src="../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +136,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="6b7f84da7af7d89c6506197b6bd5ce95">
+<div class="tab-panel" data-tab-group="7503d9d7889d893df09ec575afd107cb">
   <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('6b7f84da7af7d89c6506197b6bd5ce95','shortcode')"
+      onclick="switchTab('7503d9d7889d893df09ec575afd107cb','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -152,7 +152,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b7f84da7af7d89c6506197b6bd5ce95','partial')"
+      onclick="switchTab('7503d9d7889d893df09ec575afd107cb','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -379,13 +379,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="b2631a69149b19e4e27701bece5f9d9c">
+<div class="tab-panel" data-tab-group="0ab02781246550b99e72bc6765bf72f0">
   <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('b2631a69149b19e4e27701bece5f9d9c','shortcode')"
+      onclick="switchTab('0ab02781246550b99e72bc6765bf72f0','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -395,7 +395,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b2631a69149b19e4e27701bece5f9d9c','partial')"
+      onclick="switchTab('0ab02781246550b99e72bc6765bf72f0','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -591,13 +591,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="e20cb7a61b183753241de3440cda52a2">
+<div class="tab-panel" data-tab-group="659e965bbff9d0ebf429bc1e15292575">
   <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('e20cb7a61b183753241de3440cda52a2','shortcode')"
+      onclick="switchTab('659e965bbff9d0ebf429bc1e15292575','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -607,7 +607,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('e20cb7a61b183753241de3440cda52a2','partial')"
+      onclick="switchTab('659e965bbff9d0ebf429bc1e15292575','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -802,6 +802,21 @@
   </a>
 </span></p>
 <h3 id="icon">Icon</h3>
+<h4 id="empty">Empty</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    
+  </a>
+</span>
+<h4 id="only">Only</h4>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
+<span class="btn cstyle transparent">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fa-fw fas fa-download"></i>
+    
+  </a>
+</span>
 <h4 id="to-the-left">To the Left</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <span class="btn cstyle transparent">
@@ -914,13 +929,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="16a6b9867fef710e424fbe5fcc5530a9">
+<div class="tab-panel" data-tab-group="d3fe9233371049c02220d60079a8a651">
   <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('16a6b9867fef710e424fbe5fcc5530a9','shortcode')"
+      onclick="switchTab('d3fe9233371049c02220d60079a8a651','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -930,7 +945,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('16a6b9867fef710e424fbe5fcc5530a9','partial')"
+      onclick="switchTab('d3fe9233371049c02220d60079a8a651','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1312,13 +1327,13 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-855c3ca4749a3c4ae4fd5d9ff29b74b7" aria-controls="expandcontent-855c3ca4749a3c4ae4fd5d9ff29b74b7" >
-    <label class="expand-label" for="expand-855c3ca4749a3c4ae4fd5d9ff29b74b7" >
+    <input type="checkbox" id="expand-6b657a4fe8d859178f6f67cfde3ac4f5" aria-controls="expandcontent-6b657a4fe8d859178f6f67cfde3ac4f5" >
+    <label class="expand-label" for="expand-6b657a4fe8d859178f6f67cfde3ac4f5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-855c3ca4749a3c4ae4fd5d9ff29b74b7" class="expand-content">
+    <div id="expandcontent-6b657a4fe8d859178f6f67cfde3ac4f5" 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>
@@ -1348,13 +1363,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="5646103dd49e0e3273222c7bdee56ee5">
+<div class="tab-panel" data-tab-group="e0e61b13a005e70cbe31b084c19b953e">
   <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('5646103dd49e0e3273222c7bdee56ee5','shortcode')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1364,7 +1379,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('5646103dd49e0e3273222c7bdee56ee5','shortcode (positional)')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1374,7 +1389,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('5646103dd49e0e3273222c7bdee56ee5','partial')"
+      onclick="switchTab('e0e61b13a005e70cbe31b084c19b953e','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1445,26 +1460,26 @@ So its content is used as description.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-67c22990b7d0d225618e8a6e6d68d2bb" aria-controls="expandcontent-67c22990b7d0d225618e8a6e6d68d2bb" >
-    <label class="expand-label" for="expand-67c22990b7d0d225618e8a6e6d68d2bb" >
+    <input type="checkbox" id="expand-ee2c88b66162805a208b22875b5e776f" aria-controls="expandcontent-ee2c88b66162805a208b22875b5e776f" >
+    <label class="expand-label" for="expand-ee2c88b66162805a208b22875b5e776f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-67c22990b7d0d225618e8a6e6d68d2bb" class="expand-content">
+    <div id="expandcontent-ee2c88b66162805a208b22875b5e776f" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-5e6af6dea0820267402c35db1ae165e8" aria-controls="expandcontent-5e6af6dea0820267402c35db1ae165e8"  checked>
-    <label class="expand-label" for="expand-5e6af6dea0820267402c35db1ae165e8" >
+    <input type="checkbox" id="expand-833d75c9555ab682af6232914d9f1b15" aria-controls="expandcontent-833d75c9555ab682af6232914d9f1b15"  checked>
+    <label class="expand-label" for="expand-833d75c9555ab682af6232914d9f1b15" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5e6af6dea0820267402c35db1ae165e8" class="expand-content">
+    <div id="expandcontent-833d75c9555ab682af6232914d9f1b15" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1485,13 +1500,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-57a0deacdbc992089d580b95d6e86fff" aria-controls="expandcontent-57a0deacdbc992089d580b95d6e86fff" >
-    <label class="expand-label" for="expand-57a0deacdbc992089d580b95d6e86fff" >
+    <input type="checkbox" id="expand-6bbda6ce09e176d5f24fef24c06c17e0" aria-controls="expandcontent-6bbda6ce09e176d5f24fef24c06c17e0" >
+    <label class="expand-label" for="expand-6bbda6ce09e176d5f24fef24c06c17e0" >
         <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-57a0deacdbc992089d580b95d6e86fff" class="expand-content">
+    <div id="expandcontent-6bbda6ce09e176d5f24fef24c06c17e0" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1525,13 +1540,13 @@ No need to press you!</div>
 <p>You are free to also call this shortcode from your own partials. In this case it somewhat resemble Hugo&rsquo;s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> function</a> syntax if you call this shortcode as a partial using compatiblity syntax.</p>
 <p>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 codefences (eg. GitHub) and so your markdown becomes more portable.</p>
 
-<div class="tab-panel" data-tab-group="d5ac9ca2b516ca799c6a89cded53a87d">
+<div class="tab-panel" data-tab-group="9d8b921e7200c5eb031d2108bf209c83">
   <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('d5ac9ca2b516ca799c6a89cded53a87d','codefence')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -1541,7 +1556,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','shortcode')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1551,7 +1566,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','shortcode (positional)')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1561,7 +1576,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','partial')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1571,7 +1586,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial (compat)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5ac9ca2b516ca799c6a89cded53a87d','partial (compat)')"
+      onclick="switchTab('9d8b921e7200c5eb031d2108bf209c83','partial (compat)')"
     >
       <div>
         <div class="tab-nav-hidden">partial (compat)</div>
@@ -1742,13 +1757,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="97ecd5adc90d6435055ead1db89ecabb">
+<div class="tab-panel" data-tab-group="68aedfe1e40b6f3997b7ee32ad082915">
   <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('97ecd5adc90d6435055ead1db89ecabb','shortcode')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1758,7 +1773,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97ecd5adc90d6435055ead1db89ecabb','shortcode (positional)')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1768,7 +1783,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97ecd5adc90d6435055ead1db89ecabb','partial')"
+      onclick="switchTab('68aedfe1e40b6f3997b7ee32ad082915','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1867,13 +1882,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="25c3531af5a384b02a6e1e56b7d6490a">
+<div class="tab-panel" data-tab-group="ecb7d0028791ca6a23c7aeaf69552edf">
   <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('25c3531af5a384b02a6e1e56b7d6490a','shortcode')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1883,7 +1898,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('25c3531af5a384b02a6e1e56b7d6490a','shortcode (positional)')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1893,7 +1908,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('25c3531af5a384b02a6e1e56b7d6490a','partial')"
+      onclick="switchTab('ecb7d0028791ca6a23c7aeaf69552edf','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2011,13 +2026,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="003a5aa25d0e04c2455d31b0c04ce56d">
+<div class="tab-panel" data-tab-group="82bad974723921f707e62cd0cbbb39de">
   <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('003a5aa25d0e04c2455d31b0c04ce56d','codefence')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -2027,7 +2042,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('003a5aa25d0e04c2455d31b0c04ce56d','shortcode')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2037,7 +2052,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('003a5aa25d0e04c2455d31b0c04ce56d','partial')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2195,13 +2210,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="ed76898a0f19e9280fcf55fbba4590ee">
+<div class="tab-panel" data-tab-group="f0f096dcf0228a3bd1a42295ff9e847f">
   <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('ed76898a0f19e9280fcf55fbba4590ee','codefence')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -2211,7 +2226,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ed76898a0f19e9280fcf55fbba4590ee','shortcode')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2221,7 +2236,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ed76898a0f19e9280fcf55fbba4590ee','partial')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2759,13 +2774,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="a7966b6e6f68dc170af20c6e7df82791">
+<div class="tab-panel" data-tab-group="34d3fb2c14d24305c6ab03a564fc2f5a">
   <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('a7966b6e6f68dc170af20c6e7df82791','shortcode')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2775,7 +2790,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a7966b6e6f68dc170af20c6e7df82791','shortcode (positional)')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -2785,7 +2800,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a7966b6e6f68dc170af20c6e7df82791','partial')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3109,13 +3124,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="520b9fd5c6d94136145c817352f0a88e">
+<div class="tab-panel" data-tab-group="0d15953ec518e1ca75cfab23251e9793">
   <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('520b9fd5c6d94136145c817352f0a88e','shortcode')"
+      onclick="switchTab('0d15953ec518e1ca75cfab23251e9793','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3125,7 +3140,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('520b9fd5c6d94136145c817352f0a88e','partial')"
+      onclick="switchTab('0d15953ec518e1ca75cfab23251e9793','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3185,7 +3200,7 @@ timeline
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-113d7e2a4c6e2e6c1770672bade7c772"
+    id="openapi-17f25106a142cefab343678f84c8c7c7"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3204,13 +3219,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="8522ccea7ab11d4f22d7bac9c43105a9">
+<div class="tab-panel" data-tab-group="de4b10fc1f7aecf85c99a98051749767">
   <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('8522ccea7ab11d4f22d7bac9c43105a9','shortcode')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3220,7 +3235,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('8522ccea7ab11d4f22d7bac9c43105a9','shortcode (positional)')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -3230,7 +3245,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('8522ccea7ab11d4f22d7bac9c43105a9','partial')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3302,13 +3317,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="373f919416183f91be0309043b07e43b">
+<div class="tab-panel" data-tab-group="81e5f069f7ee17ddde4f6568e227f4c9">
   <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('373f919416183f91be0309043b07e43b','c')"
+      onclick="switchTab('81e5f069f7ee17ddde4f6568e227f4c9','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3418,13 +3433,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="2b79a8b673293634df110e3e1b61baab">
+<div class="tab-panel" data-tab-group="2e6faaa0d4ac513866c8b2d77a2f0bdf">
   <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('2b79a8b673293634df110e3e1b61baab','Code')"
+      onclick="switchTab('2e6faaa0d4ac513866c8b2d77a2f0bdf','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3444,13 +3459,13 @@ timeline
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="bd75dedb30f2fb36b67503c08000fb31">
+<div class="tab-panel" data-tab-group="0bfff898670b020ccb821e9dbb949149">
   <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('bd75dedb30f2fb36b67503c08000fb31','Mixed')"
+      onclick="switchTab('0bfff898670b020ccb821e9dbb949149','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3498,13 +3513,13 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0669b9fe47063040eb7725df2f188488">
+<div class="tab-panel" data-tab-group="5b134a2dbbe33f8640515b6cf839fe4f">
   <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('0669b9fe47063040eb7725df2f188488','just colored style')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3514,7 +3529,7 @@ timeline
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0669b9fe47063040eb7725df2f188488','just color')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3524,7 +3539,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('0669b9fe47063040eb7725df2f188488','default style and color')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -3534,7 +3549,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('0669b9fe47063040eb7725df2f188488','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','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>
@@ -3544,7 +3559,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('0669b9fe47063040eb7725df2f188488','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','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>
@@ -3615,13 +3630,13 @@ 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="b76639bebaf6a3678b3a603f291f0548">
+<div class="tab-panel" data-tab-group="1083b804f77a9d9cd70c7b6a66672c2d">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','py')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -3631,7 +3646,7 @@ timeline
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','sh')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -3641,7 +3656,7 @@ timeline
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','c')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3798,13 +3813,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="aef6a20dc3d857be4950a634cfd5660e">
+<div class="tab-panel" data-tab-group="43ccb167049de1cdd1abe695a791ade6">
   <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('aef6a20dc3d857be4950a634cfd5660e','Group A, Tab View 1')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -3814,7 +3829,7 @@ timeline
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('aef6a20dc3d857be4950a634cfd5660e','Group A, Tab View 2')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -3824,7 +3839,7 @@ timeline
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('aef6a20dc3d857be4950a634cfd5660e','Group B')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -4223,8 +4238,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4253,26 +4268,26 @@ timeline
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../js/mermaid.min.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1690400161"></script>
+    <script src="../js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="../js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1687453519" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1687453519" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1690400161" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1690400161" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1687453519", assetsBuster:  1687453519  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1690400161", assetsBuster:  1690400161  };
     </script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index 3daf0fa30f..9b2f4565a5 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Beautiful math and chemical formulae">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="003a5aa25d0e04c2455d31b0c04ce56d">
+<div class="tab-panel" data-tab-group="82bad974723921f707e62cd0cbbb39de">
   <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('003a5aa25d0e04c2455d31b0c04ce56d','codefence')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -160,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('003a5aa25d0e04c2455d31b0c04ce56d','shortcode')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -170,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('003a5aa25d0e04c2455d31b0c04ce56d','partial')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -360,20 +360,20 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -434,24 +434,24 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/math/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/math/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -465,11 +465,20 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -492,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -526,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?1687453517"></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1690400160"></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 646f8abf89..8a9212d8b6 100644
--- a/shortcodes/math/index.print.html
+++ b/shortcodes/math/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Beautiful math and chemical formulae">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="003a5aa25d0e04c2455d31b0c04ce56d">
+<div class="tab-panel" data-tab-group="82bad974723921f707e62cd0cbbb39de">
   <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('003a5aa25d0e04c2455d31b0c04ce56d','codefence')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -117,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('003a5aa25d0e04c2455d31b0c04ce56d','shortcode')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -127,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('003a5aa25d0e04c2455d31b0c04ce56d','partial')"
+      onclick="switchTab('82bad974723921f707e62cd0cbbb39de','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -248,8 +248,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -278,7 +278,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1690400161"></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 1242ec68d2..663ac1f8b9 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Generate diagrams and flowcharts from text">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +163,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="ed76898a0f19e9280fcf55fbba4590ee">
+<div class="tab-panel" data-tab-group="f0f096dcf0228a3bd1a42295ff9e847f">
   <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('ed76898a0f19e9280fcf55fbba4590ee','codefence')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -179,7 +179,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ed76898a0f19e9280fcf55fbba4590ee','shortcode')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -189,7 +189,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ed76898a0f19e9280fcf55fbba4590ee','partial')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -782,20 +782,20 @@ timeline
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -856,24 +856,24 @@ timeline
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/mermaid/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/mermaid/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -887,11 +887,20 @@ timeline
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -914,25 +923,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453517" defer></script>
-    <script src="../../js/mermaid.min.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400160" defer></script>
+    <script src="../../js/mermaid.min.js?1690400160" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index 8c9b1aa4a6..d2ce125c06 100644
--- a/shortcodes/mermaid/index.print.html
+++ b/shortcodes/mermaid/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Generate diagrams and flowcharts from text">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +111,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="ed76898a0f19e9280fcf55fbba4590ee">
+<div class="tab-panel" data-tab-group="f0f096dcf0228a3bd1a42295ff9e847f">
   <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('ed76898a0f19e9280fcf55fbba4590ee','codefence')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -127,7 +127,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ed76898a0f19e9280fcf55fbba4590ee','shortcode')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -137,7 +137,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ed76898a0f19e9280fcf55fbba4590ee','partial')"
+      onclick="switchTab('f0f096dcf0228a3bd1a42295ff9e847f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -661,21 +661,21 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../../js/mermaid.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="../../js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index a7cc5b1845..38933c6327 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Disclaimers to help you structure your page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="a7966b6e6f68dc170af20c6e7df82791">
+<div class="tab-panel" data-tab-group="34d3fb2c14d24305c6ab03a564fc2f5a">
   <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('a7966b6e6f68dc170af20c6e7df82791','shortcode')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -142,7 +142,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a7966b6e6f68dc170af20c6e7df82791','shortcode (positional)')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -152,7 +152,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a7966b6e6f68dc170af20c6e7df82791','partial')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -531,20 +531,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -605,24 +605,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/notice/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/notice/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -636,11 +636,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -663,12 +672,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index ea44868c37..15d5652d9e 100644
--- a/shortcodes/notice/index.print.html
+++ b/shortcodes/notice/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Disclaimers to help you structure your page">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="a7966b6e6f68dc170af20c6e7df82791">
+<div class="tab-panel" data-tab-group="34d3fb2c14d24305c6ab03a564fc2f5a">
   <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('a7966b6e6f68dc170af20c6e7df82791','shortcode')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -104,7 +104,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a7966b6e6f68dc170af20c6e7df82791','shortcode (positional)')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -114,7 +114,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a7966b6e6f68dc170af20c6e7df82791','partial')"
+      onclick="switchTab('34d3fb2c14d24305c6ab03a564fc2f5a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -424,8 +424,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index d3b55c1587..849d25ceec 100644
--- a/shortcodes/openapi/index.html
+++ b/shortcodes/openapi/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="UI for your OpenAPI / Swagger specifications">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="520b9fd5c6d94136145c817352f0a88e">
+<div class="tab-panel" data-tab-group="0d15953ec518e1ca75cfab23251e9793">
   <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('520b9fd5c6d94136145c817352f0a88e','shortcode')"
+      onclick="switchTab('0d15953ec518e1ca75cfab23251e9793','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -138,7 +138,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('520b9fd5c6d94136145c817352f0a88e','partial')"
+      onclick="switchTab('0d15953ec518e1ca75cfab23251e9793','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -198,7 +198,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-113d7e2a4c6e2e6c1770672bade7c772"
+    id="openapi-17f25106a142cefab343678f84c8c7c7"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -280,20 +280,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -354,24 +354,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/openapi/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/openapi/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -385,11 +385,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -412,18 +421,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1687453519" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1687453519" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1690400161" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1690400161" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1687453519", assetsBuster:  1687453519  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1690400161", assetsBuster:  1690400161  };
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index 51cb76c2e8..c4fb9838d0 100644
--- a/shortcodes/openapi/index.print.html
+++ b/shortcodes/openapi/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="UI for your OpenAPI / Swagger specifications">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="520b9fd5c6d94136145c817352f0a88e">
+<div class="tab-panel" data-tab-group="0d15953ec518e1ca75cfab23251e9793">
   <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('520b9fd5c6d94136145c817352f0a88e','shortcode')"
+      onclick="switchTab('0d15953ec518e1ca75cfab23251e9793','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -104,7 +104,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('520b9fd5c6d94136145c817352f0a88e','partial')"
+      onclick="switchTab('0d15953ec518e1ca75cfab23251e9793','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -164,7 +164,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-113d7e2a4c6e2e6c1770672bade7c772"
+    id="openapi-17f25106a142cefab343678f84c8c7c7"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -177,14 +177,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1687453519" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1687453519" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1690400161" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1690400161" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1687453519", assetsBuster:  1687453519  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1690400161", assetsBuster:  1690400161  };
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 108cce9919..b264dc9b35 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Get value of site params">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +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="8522ccea7ab11d4f22d7bac9c43105a9">
+<div class="tab-panel" data-tab-group="de4b10fc1f7aecf85c99a98051749767">
   <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('8522ccea7ab11d4f22d7bac9c43105a9','shortcode')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -130,7 +130,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('8522ccea7ab11d4f22d7bac9c43105a9','shortcode (positional)')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -140,7 +140,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('8522ccea7ab11d4f22d7bac9c43105a9','partial')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -275,20 +275,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -349,24 +349,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/siteparam/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/siteparam/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -380,11 +380,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -407,12 +416,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index c65ce50885..3d9964ca9d 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Get value of site params">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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="8522ccea7ab11d4f22d7bac9c43105a9">
+<div class="tab-panel" data-tab-group="de4b10fc1f7aecf85c99a98051749767">
   <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('8522ccea7ab11d4f22d7bac9c43105a9','shortcode')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -96,7 +96,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('8522ccea7ab11d4f22d7bac9c43105a9','shortcode (positional)')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -106,7 +106,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('8522ccea7ab11d4f22d7bac9c43105a9','partial')"
+      onclick="switchTab('de4b10fc1f7aecf85c99a98051749767','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -172,8 +172,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 6f85c15e49..db3d1332a4 100644
--- a/shortcodes/tab/index.html
+++ b/shortcodes/tab/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Show content in a single tab">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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="373f919416183f91be0309043b07e43b">
+<div class="tab-panel" data-tab-group="81e5f069f7ee17ddde4f6568e227f4c9">
   <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('373f919416183f91be0309043b07e43b','c')"
+      onclick="switchTab('81e5f069f7ee17ddde4f6568e227f4c9','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -232,13 +232,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="2b79a8b673293634df110e3e1b61baab">
+<div class="tab-panel" data-tab-group="2e6faaa0d4ac513866c8b2d77a2f0bdf">
   <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('2b79a8b673293634df110e3e1b61baab','Code')"
+      onclick="switchTab('2e6faaa0d4ac513866c8b2d77a2f0bdf','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -258,13 +258,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="bd75dedb30f2fb36b67503c08000fb31">
+<div class="tab-panel" data-tab-group="0bfff898670b020ccb821e9dbb949149">
   <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('bd75dedb30f2fb36b67503c08000fb31','Mixed')"
+      onclick="switchTab('0bfff898670b020ccb821e9dbb949149','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -312,13 +312,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0669b9fe47063040eb7725df2f188488">
+<div class="tab-panel" data-tab-group="5b134a2dbbe33f8640515b6cf839fe4f">
   <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('0669b9fe47063040eb7725df2f188488','just colored style')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -328,7 +328,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0669b9fe47063040eb7725df2f188488','just color')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -338,7 +338,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('0669b9fe47063040eb7725df2f188488','default style and color')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -348,7 +348,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('0669b9fe47063040eb7725df2f188488','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','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>
@@ -358,7 +358,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('0669b9fe47063040eb7725df2f188488','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','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>
@@ -492,20 +492,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -566,24 +566,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/tab/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/tab/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -597,11 +597,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -624,12 +633,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index eec38b85b7..6c7c0d9287 100644
--- a/shortcodes/tab/index.print.html
+++ b/shortcodes/tab/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Show content in a single tab">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,13 +80,13 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="373f919416183f91be0309043b07e43b">
+<div class="tab-panel" data-tab-group="81e5f069f7ee17ddde4f6568e227f4c9">
   <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('373f919416183f91be0309043b07e43b','c')"
+      onclick="switchTab('81e5f069f7ee17ddde4f6568e227f4c9','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -196,13 +196,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="2b79a8b673293634df110e3e1b61baab">
+<div class="tab-panel" data-tab-group="2e6faaa0d4ac513866c8b2d77a2f0bdf">
   <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('2b79a8b673293634df110e3e1b61baab','Code')"
+      onclick="switchTab('2e6faaa0d4ac513866c8b2d77a2f0bdf','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -222,13 +222,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="bd75dedb30f2fb36b67503c08000fb31">
+<div class="tab-panel" data-tab-group="0bfff898670b020ccb821e9dbb949149">
   <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('bd75dedb30f2fb36b67503c08000fb31','Mixed')"
+      onclick="switchTab('0bfff898670b020ccb821e9dbb949149','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -276,13 +276,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0669b9fe47063040eb7725df2f188488">
+<div class="tab-panel" data-tab-group="5b134a2dbbe33f8640515b6cf839fe4f">
   <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('0669b9fe47063040eb7725df2f188488','just colored style')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -292,7 +292,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0669b9fe47063040eb7725df2f188488','just color')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -302,7 +302,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('0669b9fe47063040eb7725df2f188488','default style and color')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -312,7 +312,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('0669b9fe47063040eb7725df2f188488','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','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>
@@ -322,7 +322,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('0669b9fe47063040eb7725df2f188488','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('5b134a2dbbe33f8640515b6cf839fe4f','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>
@@ -387,8 +387,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index f52c0b244c..b51377beed 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Show content in tabbed views">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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="b76639bebaf6a3678b3a603f291f0548">
+<div class="tab-panel" data-tab-group="1083b804f77a9d9cd70c7b6a66672c2d">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','py')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -131,7 +131,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','sh')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -141,7 +141,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','c')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -298,13 +298,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="aef6a20dc3d857be4950a634cfd5660e">
+<div class="tab-panel" data-tab-group="43ccb167049de1cdd1abe695a791ade6">
   <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('aef6a20dc3d857be4950a634cfd5660e','Group A, Tab View 1')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -314,7 +314,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('aef6a20dc3d857be4950a634cfd5660e','Group A, Tab View 2')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -324,7 +324,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('aef6a20dc3d857be4950a634cfd5660e','Group B')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -791,20 +791,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -865,24 +865,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/shortcodes/tabs/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/shortcodes/tabs/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -896,11 +896,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -923,12 +932,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index b72b3b8544..922ef1f04a 100644
--- a/shortcodes/tabs/index.print.html
+++ b/shortcodes/tabs/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Show content in tabbed views">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,13 +80,13 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="b76639bebaf6a3678b3a603f291f0548">
+<div class="tab-panel" data-tab-group="1083b804f77a9d9cd70c7b6a66672c2d">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','py')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -96,7 +96,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','sh')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -106,7 +106,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b76639bebaf6a3678b3a603f291f0548','c')"
+      onclick="switchTab('1083b804f77a9d9cd70c7b6a66672c2d','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -263,13 +263,13 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="aef6a20dc3d857be4950a634cfd5660e">
+<div class="tab-panel" data-tab-group="43ccb167049de1cdd1abe695a791ade6">
   <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('aef6a20dc3d857be4950a634cfd5660e','Group A, Tab View 1')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -279,7 +279,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('aef6a20dc3d857be4950a634cfd5660e','Group A, Tab View 2')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -289,7 +289,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('aef6a20dc3d857be4950a634cfd5660e','Group B')"
+      onclick="switchTab('43ccb167049de1cdd1abe695a791ade6','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -687,8 +687,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 33416c1048..7176262206 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../js/url.js?1687453517"></script>
-    <script src="../js/variant.js?1687453517"></script>
+    <link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../js/url.js?1690400159"></script>
+    <script src="../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-fdf27fa691af1dd71067853e3888bab9" class="lightbox-link">
+<a href="#image-ced9a127045ca506b8d4b07f9c176a66" 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-fdf27fa691af1dd71067853e3888bab9">
+<a href="javascript:history.back();" class="lightbox" id="image-ced9a127045ca506b8d4b07f9c176a66">
 <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-ab0c132bea41bed7382ba7bfec9c3d49" class="lightbox-link">
+<a href="#image-1ba13ed5279439539b79d78fe5fca297" 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-ab0c132bea41bed7382ba7bfec9c3d49">
+<a href="javascript:history.back();" class="lightbox" id="image-1ba13ed5279439539b79d78fe5fca297">
 <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-90a8adedbbe32e52f0af275287457069" class="lightbox-link">
+<a href="#image-5fe006f10464012ded7268ed0a7fe3ac" 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-90a8adedbbe32e52f0af275287457069">
+<a href="javascript:history.back();" class="lightbox" id="image-5fe006f10464012ded7268ed0a7fe3ac">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -207,20 +207,20 @@
           </a>
         </div>
         <form action="../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../js/search.js?1687453519" defer></script>
+        <script src="../js/auto-complete.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -281,24 +281,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/showcase/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/showcase/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453519"></script>
+          <script async src="../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index 44f9c64247..928d267a7c 100644
--- a/showcase/index.print.html
+++ b/showcase/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../js/url.js?1687453519"></script>
-    <script src="../js/variant.js?1687453519"></script>
+    <link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../js/url.js?1690400161"></script>
+    <script src="../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-fdf27fa691af1dd71067853e3888bab9" class="lightbox-link">
+<a href="#image-ced9a127045ca506b8d4b07f9c176a66" 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-fdf27fa691af1dd71067853e3888bab9">
+<a href="javascript:history.back();" class="lightbox" id="image-ced9a127045ca506b8d4b07f9c176a66">
 <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-ab0c132bea41bed7382ba7bfec9c3d49" class="lightbox-link">
+<a href="#image-1ba13ed5279439539b79d78fe5fca297" 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-ab0c132bea41bed7382ba7bfec9c3d49">
+<a href="javascript:history.back();" class="lightbox" id="image-1ba13ed5279439539b79d78fe5fca297">
 <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-90a8adedbbe32e52f0af275287457069" class="lightbox-link">
+<a href="#image-5fe006f10464012ded7268ed0a7fe3ac" 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-90a8adedbbe32e52f0af275287457069">
+<a href="javascript:history.back();" class="lightbox" id="image-5fe006f10464012ded7268ed0a7fe3ac">
 <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?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 104d7ca4d0..a0f48c3f81 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -172,20 +172,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -246,24 +246,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/children/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tags/children/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -277,11 +277,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -304,12 +313,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index b711235b2c..a80e20f099 100644
--- a/tags/config/index.html
+++ b/tags/config/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/config/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tags/config/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index a8044df571..68b8e2ae1f 100644
--- a/tags/content/index.html
+++ b/tags/content/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,20 +158,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -232,24 +232,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/content/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tags/content/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -263,11 +263,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -290,12 +299,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 98df1b96d7..c09caed931 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -155,20 +155,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -229,23 +229,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/documentation/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -259,11 +259,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -286,12 +295,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index f86208569b..351e5d1690 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -162,20 +162,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -236,24 +236,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/hidden/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tags/hidden/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -267,11 +267,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -294,12 +303,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index bcc9f8e6d4..50eef611d3 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../js/url.js?1687453517"></script>
-    <script src="../js/variant.js?1687453517"></script>
+    <link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../js/url.js?1690400159"></script>
+    <script src="../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +190,20 @@
           </a>
         </div>
         <form action="../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../js/search.js?1687453519" defer></script>
+        <script src="../js/auto-complete.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -264,24 +264,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tags/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -295,11 +295,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -322,12 +331,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?1687453519"></script>
+          <script async src="../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index f925b27fde..197270f4e6 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -240,24 +240,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/non-hidden/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tags/non-hidden/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -271,11 +271,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -298,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 4745893b7c..8c5109d6cb 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -155,20 +155,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -229,23 +229,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tags/tutorial/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -259,11 +259,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -286,12 +295,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/en/tests/attach/attach1/_index.en.files/hugo.txt b/tests/attach/attach1/_index.en.files/hugo.txt
similarity index 100%
rename from en/tests/attach/attach1/_index.en.files/hugo.txt
rename to tests/attach/attach1/_index.en.files/hugo.txt
diff --git a/en/tests/attach/attach1/_index.pir.files/NoTreasure.txt b/tests/attach/attach1/_index.pir.files/NoTreasure.txt
similarity index 100%
rename from en/tests/attach/attach1/_index.pir.files/NoTreasure.txt
rename to tests/attach/attach1/_index.pir.files/NoTreasure.txt
diff --git a/tests/attach/attach1/index.html b/tests/attach/attach1/index.html
index f1b71de1d1..0c74bf885a 100644
--- a/tests/attach/attach1/index.html
+++ b/tests/attach/attach1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../../js/search.js?1687453519" defer></script>
+        <script src="../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -292,24 +292,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/attach/attach1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/attach/attach1/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -323,11 +323,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -350,12 +359,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?1687453519"></script>
+          <script async src="../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.print.html b/tests/attach/attach1/index.print.html
index 6e9f54b2b9..4d49b0a75f 100644
--- a/tests/attach/attach1/index.print.html
+++ b/tests/attach/attach1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.html b/tests/attach/attach2/index.html
index a43b10aa50..7ba5eba6d4 100644
--- a/tests/attach/attach2/index.html
+++ b/tests/attach/attach2/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../js/search.js?1687453517" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -292,24 +292,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/attach/attach2/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/attach/attach2/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -323,11 +323,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -350,12 +359,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?1687453517"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../../js/theme.js?1687453517" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.print.html b/tests/attach/attach2/index.print.html
index b0104f9d95..a948d95c74 100644
--- a/tests/attach/attach2/index.print.html
+++ b/tests/attach/attach2/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/en/tests/attach/attach3.en.files/hugo.txt b/tests/attach/attach3.en.files/hugo.txt
similarity index 100%
rename from en/tests/attach/attach3.en.files/hugo.txt
rename to tests/attach/attach3.en.files/hugo.txt
diff --git a/en/tests/attach/attach3.pir.files/NoTreasure.txt b/tests/attach/attach3.pir.files/NoTreasure.txt
similarity index 100%
rename from en/tests/attach/attach3.pir.files/NoTreasure.txt
rename to tests/attach/attach3.pir.files/NoTreasure.txt
diff --git a/tests/attach/attach3/index.html b/tests/attach/attach3/index.html
index de41175ed5..87bff41fe7 100644
--- a/tests/attach/attach3/index.html
+++ b/tests/attach/attach3/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../js/search.js?1687453517" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -292,24 +292,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/attach/attach3/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/attach/attach3/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -323,11 +323,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -350,12 +359,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?1687453517"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../../js/theme.js?1687453517" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.print.html b/tests/attach/attach3/index.print.html
index 0973c2ab85..2d8c77ca4f 100644
--- a/tests/attach/attach3/index.print.html
+++ b/tests/attach/attach3/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.html b/tests/attach/index.html
index 84a44faab3..f64a272e92 100644
--- a/tests/attach/index.html
+++ b/tests/attach/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Testing Attachments Shortcode">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,20 +176,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -292,24 +292,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/attach/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/attach/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -323,11 +323,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -350,12 +359,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.print.html b/tests/attach/index.print.html
index cff499e4a1..230a0dd42e 100644
--- a/tests/attach/index.print.html
+++ b/tests/attach/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Testing Attachments Shortcode">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.html b/tests/chapters/1/index.html
index 7b256413be..e2b1c5973e 100644
--- a/tests/chapters/1/index.html
+++ b/tests/chapters/1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/1/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.print.html b/tests/chapters/1/index.print.html
index e0b4931418..4ff4ccdc57 100644
--- a/tests/chapters/1/index.print.html
+++ b/tests/chapters/1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.html b/tests/chapters/10/index.html
index 798708c22b..d1326756de 100644
--- a/tests/chapters/10/index.html
+++ b/tests/chapters/10/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../js/search.js?1687453517" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/10/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/10/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453517"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../../js/theme.js?1687453517" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.print.html b/tests/chapters/10/index.print.html
index b503d480d5..dcce67f809 100644
--- a/tests/chapters/10/index.print.html
+++ b/tests/chapters/10/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.html b/tests/chapters/11/index.html
index 371af0bce7..4d2c20f5c7 100644
--- a/tests/chapters/11/index.html
+++ b/tests/chapters/11/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../js/search.js?1687453517" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/11/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453517"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../../js/theme.js?1687453517" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.print.html b/tests/chapters/11/index.print.html
index 2493e35317..e9639ca218 100644
--- a/tests/chapters/11/index.print.html
+++ b/tests/chapters/11/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.html b/tests/chapters/12/index.html
index e95291d80a..9a090a9009 100644
--- a/tests/chapters/12/index.html
+++ b/tests/chapters/12/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../js/search.js?1687453517" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/12/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453517"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../../js/theme.js?1687453517" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.print.html b/tests/chapters/12/index.print.html
index 00f056ecba..66413d0a70 100644
--- a/tests/chapters/12/index.print.html
+++ b/tests/chapters/12/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.html b/tests/chapters/13/index.html
index e601d59cbe..30a352555b 100644
--- a/tests/chapters/13/index.html
+++ b/tests/chapters/13/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../js/search.js?1687453517" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/13/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453517"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../../js/theme.js?1687453517" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.print.html b/tests/chapters/13/index.print.html
index e7b0ec4c21..94f9d97821 100644
--- a/tests/chapters/13/index.print.html
+++ b/tests/chapters/13/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.html b/tests/chapters/14/index.html
index 903751e965..3edf1e7aff 100644
--- a/tests/chapters/14/index.html
+++ b/tests/chapters/14/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../../js/search.js?1687453517" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/14/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.print.html b/tests/chapters/14/index.print.html
index 4a31df0351..3bfbb12f78 100644
--- a/tests/chapters/14/index.print.html
+++ b/tests/chapters/14/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.html b/tests/chapters/15/index.html
index 82448d9d8f..5f5cff68ff 100644
--- a/tests/chapters/15/index.html
+++ b/tests/chapters/15/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/15/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.print.html b/tests/chapters/15/index.print.html
index fa6e7d2f4f..a6263f6aa2 100644
--- a/tests/chapters/15/index.print.html
+++ b/tests/chapters/15/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.html b/tests/chapters/16/index.html
index 99114ed145..fba6a7504b 100644
--- a/tests/chapters/16/index.html
+++ b/tests/chapters/16/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/16/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.print.html b/tests/chapters/16/index.print.html
index e20f571117..d4d79bccd3 100644
--- a/tests/chapters/16/index.print.html
+++ b/tests/chapters/16/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.html b/tests/chapters/17/index.html
index 6361eca803..b507ebc39c 100644
--- a/tests/chapters/17/index.html
+++ b/tests/chapters/17/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/17/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.print.html b/tests/chapters/17/index.print.html
index 25efbbb9a0..44f8ecf800 100644
--- a/tests/chapters/17/index.print.html
+++ b/tests/chapters/17/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.html b/tests/chapters/18/index.html
index 799f41754b..5c909bfae1 100644
--- a/tests/chapters/18/index.html
+++ b/tests/chapters/18/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/18/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.print.html b/tests/chapters/18/index.print.html
index 2a5f73306f..1853b0b59c 100644
--- a/tests/chapters/18/index.print.html
+++ b/tests/chapters/18/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.html b/tests/chapters/19/index.html
index 7aebbc34f6..f979ec3973 100644
--- a/tests/chapters/19/index.html
+++ b/tests/chapters/19/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/19/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.print.html b/tests/chapters/19/index.print.html
index 4169172eb5..d926949c4b 100644
--- a/tests/chapters/19/index.print.html
+++ b/tests/chapters/19/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.html b/tests/chapters/2/index.html
index 82c20ff976..3c15c6f0e5 100644
--- a/tests/chapters/2/index.html
+++ b/tests/chapters/2/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/2/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/2/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.print.html b/tests/chapters/2/index.print.html
index 8feec409c9..dfca9eba1e 100644
--- a/tests/chapters/2/index.print.html
+++ b/tests/chapters/2/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.html b/tests/chapters/20/index.html
index bb5a8a4ff5..2246fb6aa9 100644
--- a/tests/chapters/20/index.html
+++ b/tests/chapters/20/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/20/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.print.html b/tests/chapters/20/index.print.html
index 5bcbbeb7d5..537678b38e 100644
--- a/tests/chapters/20/index.print.html
+++ b/tests/chapters/20/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.html b/tests/chapters/21/index.html
index 57959bc5be..5b916b7110 100644
--- a/tests/chapters/21/index.html
+++ b/tests/chapters/21/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/21/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.print.html b/tests/chapters/21/index.print.html
index 7141a7a4b2..d7b8addd5f 100644
--- a/tests/chapters/21/index.print.html
+++ b/tests/chapters/21/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.html b/tests/chapters/22/index.html
index 3c9ed78fc2..502b318bee 100644
--- a/tests/chapters/22/index.html
+++ b/tests/chapters/22/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/22/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.print.html b/tests/chapters/22/index.print.html
index e495bacec1..8674ada7dc 100644
--- a/tests/chapters/22/index.print.html
+++ b/tests/chapters/22/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.html b/tests/chapters/23/index.html
index bc28fe9312..137f511e86 100644
--- a/tests/chapters/23/index.html
+++ b/tests/chapters/23/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/23/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.print.html b/tests/chapters/23/index.print.html
index 025f685717..6c3f11b319 100644
--- a/tests/chapters/23/index.print.html
+++ b/tests/chapters/23/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.html b/tests/chapters/24/index.html
index cd6e992af1..73009c9444 100644
--- a/tests/chapters/24/index.html
+++ b/tests/chapters/24/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/24/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.print.html b/tests/chapters/24/index.print.html
index 6a6fa25d72..fdf5d193c8 100644
--- a/tests/chapters/24/index.print.html
+++ b/tests/chapters/24/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.html b/tests/chapters/25/index.html
index aff859d4f0..6c4081ca09 100644
--- a/tests/chapters/25/index.html
+++ b/tests/chapters/25/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/25/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.print.html b/tests/chapters/25/index.print.html
index d4a023b912..9ee4a4137c 100644
--- a/tests/chapters/25/index.print.html
+++ b/tests/chapters/25/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.html b/tests/chapters/26/index.html
index 1d28a7136f..a878453fb3 100644
--- a/tests/chapters/26/index.html
+++ b/tests/chapters/26/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/26/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.print.html b/tests/chapters/26/index.print.html
index bb1a6ea6ad..366d76d1f2 100644
--- a/tests/chapters/26/index.print.html
+++ b/tests/chapters/26/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.html b/tests/chapters/27/index.html
index 1184a3cb5a..21b137aed1 100644
--- a/tests/chapters/27/index.html
+++ b/tests/chapters/27/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/27/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.print.html b/tests/chapters/27/index.print.html
index 0d5a1fb4ff..614e6c043c 100644
--- a/tests/chapters/27/index.print.html
+++ b/tests/chapters/27/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.html b/tests/chapters/28/index.html
index 3052d4c953..30d30e49c3 100644
--- a/tests/chapters/28/index.html
+++ b/tests/chapters/28/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/28/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.print.html b/tests/chapters/28/index.print.html
index 69315d16cc..a5d5d76a09 100644
--- a/tests/chapters/28/index.print.html
+++ b/tests/chapters/28/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.html b/tests/chapters/29/index.html
index c6411c3a1f..8cecd846b2 100644
--- a/tests/chapters/29/index.html
+++ b/tests/chapters/29/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/29/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.print.html b/tests/chapters/29/index.print.html
index c505aea151..d658abb727 100644
--- a/tests/chapters/29/index.print.html
+++ b/tests/chapters/29/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.html b/tests/chapters/3/index.html
index 87af317405..d67259c549 100644
--- a/tests/chapters/3/index.html
+++ b/tests/chapters/3/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/3/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/3/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.print.html b/tests/chapters/3/index.print.html
index e79161bad9..1e815e7b62 100644
--- a/tests/chapters/3/index.print.html
+++ b/tests/chapters/3/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.html b/tests/chapters/30/index.html
index 6f18eca7d4..c9a96617b9 100644
--- a/tests/chapters/30/index.html
+++ b/tests/chapters/30/index.html
@@ -3,26 +3,26 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +166,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,23 +282,23 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/30/index.html" selected>English</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -312,11 +312,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -339,12 +348,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.print.html b/tests/chapters/30/index.print.html
index 0ae937301f..b0595a79c3 100644
--- a/tests/chapters/30/index.print.html
+++ b/tests/chapters/30/index.print.html
@@ -3,27 +3,27 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.html b/tests/chapters/4/index.html
index d3364c1647..363f298b73 100644
--- a/tests/chapters/4/index.html
+++ b/tests/chapters/4/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/4/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/4/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.print.html b/tests/chapters/4/index.print.html
index a432385b26..b3cf143341 100644
--- a/tests/chapters/4/index.print.html
+++ b/tests/chapters/4/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.html b/tests/chapters/5/index.html
index 9c018ab97c..bc92c48ec0 100644
--- a/tests/chapters/5/index.html
+++ b/tests/chapters/5/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/5/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/5/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.print.html b/tests/chapters/5/index.print.html
index a33add3cb2..c7900455b8 100644
--- a/tests/chapters/5/index.print.html
+++ b/tests/chapters/5/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.html b/tests/chapters/6/index.html
index 6defcfb96b..92fac96b4e 100644
--- a/tests/chapters/6/index.html
+++ b/tests/chapters/6/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/6/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/6/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.print.html b/tests/chapters/6/index.print.html
index 6fa52601f3..02dbc82851 100644
--- a/tests/chapters/6/index.print.html
+++ b/tests/chapters/6/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.html b/tests/chapters/7/index.html
index 6566fbb69f..9fc31d2a5b 100644
--- a/tests/chapters/7/index.html
+++ b/tests/chapters/7/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/7/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/7/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.print.html b/tests/chapters/7/index.print.html
index a218ee711c..a6b4fbc414 100644
--- a/tests/chapters/7/index.print.html
+++ b/tests/chapters/7/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.html b/tests/chapters/8/index.html
index dfae3c464d..bf44705b3a 100644
--- a/tests/chapters/8/index.html
+++ b/tests/chapters/8/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/8/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/8/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.print.html b/tests/chapters/8/index.print.html
index f573dd429a..c34fc70c58 100644
--- a/tests/chapters/8/index.print.html
+++ b/tests/chapters/8/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.html b/tests/chapters/9/index.html
index 92c97cd988..e450bebd33 100644
--- a/tests/chapters/9/index.html
+++ b/tests/chapters/9/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453518" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453518" defer></script>
-        <script src="../../../js/search.js?1687453518" defer></script>
+        <script src="../../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/9/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/9/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453518"></script>
+          <script async src="../../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453518" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453518" defer></script>
-    <script src="../../../js/theme.js?1687453518" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.print.html b/tests/chapters/9/index.print.html
index ae086c25a4..2c771280f5 100644
--- a/tests/chapters/9/index.print.html
+++ b/tests/chapters/9/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.html b/tests/chapters/children-1/index.html
index 4d5dff70a0..b384263525 100644
--- a/tests/chapters/children-1/index.html
+++ b/tests/chapters/children-1/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../../js/url.js?1687453517"></script>
-    <script src="../../../js/variant.js?1687453517"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../../js/url.js?1690400159"></script>
+    <script src="../../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +170,20 @@
           </a>
         </div>
         <form action="../../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../../js/search.js?1687453519" defer></script>
+        <script src="../../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -287,24 +287,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/children-1/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/children-1/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -318,11 +318,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -345,12 +354,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?1687453519"></script>
+          <script async src="../../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.print.html b/tests/chapters/children-1/index.print.html
index 91ac13fefa..5bab0227ae 100644
--- a/tests/chapters/children-1/index.print.html
+++ b/tests/chapters/children-1/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../../js/url.js?1687453519"></script>
-    <script src="../../../js/variant.js?1687453519"></script>
+    <link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../../js/url.js?1690400161"></script>
+    <script src="../../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../../js/theme.js?1687453519" defer></script>
+    <script src="../../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.html b/tests/chapters/index.html
index 02c86da7b4..2d29d40280 100644
--- a/tests/chapters/index.html
+++ b/tests/chapters/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,20 +169,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -285,24 +285,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/chapters/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/chapters/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -316,11 +316,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -343,12 +352,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.print.html b/tests/chapters/index.print.html
index 35ceeb9aa6..8262bba151 100644
--- a/tests/chapters/index.print.html
+++ b/tests/chapters/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index 3479e9c9f6..914bafdb2b 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Some testing for different styles used in syntax highlighting and preformatted blocks">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -161,13 +161,13 @@ Some preformatted stuff in HTML elements
 <h3 id="2-shortcodes">2 Shortcodes</h3>
 <h4 id="-">%% %%</h4>
 
-<div class="tab-panel" data-tab-group="63d2efe483a4de49ffac7d929b586682">
+<div class="tab-panel" data-tab-group="3d87ec84116b2cfa29880d858b987eb6">
   <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"
-      onclick="switchTab('63d2efe483a4de49ffac7d929b586682','json')"
+      onclick="switchTab('3d87ec84116b2cfa29880d858b987eb6','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -190,13 +190,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--1">%% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="cdcdc9da90fc41be70cc529be7c1cdf6">
+<div class="tab-panel" data-tab-group="01a05b0b6865c660b4c651a1f950fe04">
   <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"
-      onclick="switchTab('cdcdc9da90fc41be70cc529be7c1cdf6','json')"
+      onclick="switchTab('01a05b0b6865c660b4c651a1f950fe04','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -219,13 +219,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--2">&lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="39335b64cdd6efb43204afdd3fcc0bc0">
+<div class="tab-panel" data-tab-group="11fa7a1cb73746e2102133be097c3a7e">
   <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"
-      onclick="switchTab('39335b64cdd6efb43204afdd3fcc0bc0','json')"
+      onclick="switchTab('11fa7a1cb73746e2102133be097c3a7e','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -249,13 +249,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--3">&lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="c3e109b2826ede559f1857e20aac314e">
+<div class="tab-panel" data-tab-group="4da77918c9e9c2852b87d521157579fc">
   <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"
-      onclick="switchTab('c3e109b2826ede559f1857e20aac314e','json')"
+      onclick="switchTab('4da77918c9e9c2852b87d521157579fc','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -279,13 +279,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h3 id="3-shortcodes">3 Shortcodes</h3>
 <h4 id="--">%% %% %%</h4>
-<div class="tab-panel" data-tab-group="320c6e3b69d8aff4bfe7b18beb6c8254">
+<div class="tab-panel" data-tab-group="9d09f609eec971c6feb26e95280b398a">
   <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"
-      onclick="switchTab('320c6e3b69d8aff4bfe7b18beb6c8254','json')"
+      onclick="switchTab('9d09f609eec971c6feb26e95280b398a','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -306,13 +306,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---1">%% %% &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="cada6c3fe1bc727df01f939ca673bff4">
+<div class="tab-panel" data-tab-group="d8fc737f65035197996331a28741e86c">
   <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"
-      onclick="switchTab('cada6c3fe1bc727df01f939ca673bff4','json')"
+      onclick="switchTab('d8fc737f65035197996331a28741e86c','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -333,13 +333,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---2">%% &lt;&gt; %%</h4>
-<div class="tab-panel" data-tab-group="fdfe572f4d33d7319d553cb135b7cbb8">
+<div class="tab-panel" data-tab-group="5da13659cfee89e5d51f71e8ca097c57">
   <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"
-      onclick="switchTab('fdfe572f4d33d7319d553cb135b7cbb8','json')"
+      onclick="switchTab('5da13659cfee89e5d51f71e8ca097c57','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -360,13 +360,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---3">%% &lt;&gt; &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="1986e5de0942de8e1bd20bc52cdee8fa">
+<div class="tab-panel" data-tab-group="95c6bb3a8e19f49005433353e5c55370">
   <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"
-      onclick="switchTab('1986e5de0942de8e1bd20bc52cdee8fa','json')"
+      onclick="switchTab('95c6bb3a8e19f49005433353e5c55370','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -388,13 +388,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---4">&lt;&gt; %% %%</h4>
 
-<div class="tab-panel" data-tab-group="08010577cb80ff3af3f93d90b6783742">
+<div class="tab-panel" data-tab-group="b85a1d91f250f0edec08df8d1f7650af">
   <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"
-      onclick="switchTab('08010577cb80ff3af3f93d90b6783742','json')"
+      onclick="switchTab('b85a1d91f250f0edec08df8d1f7650af','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -417,13 +417,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---5">&lt;&gt; %% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="135bd6dcd71640628f0260878c28a201">
+<div class="tab-panel" data-tab-group="328d07c3e866a25ba57df63a97255302">
   <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"
-      onclick="switchTab('135bd6dcd71640628f0260878c28a201','json')"
+      onclick="switchTab('328d07c3e866a25ba57df63a97255302','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -446,13 +446,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---6">&lt;&gt; &lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="1967e8f27ecc4b700066ec89f418acf7">
+<div class="tab-panel" data-tab-group="64bc0007436f66ab16a8bb722007c3eb">
   <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"
-      onclick="switchTab('1967e8f27ecc4b700066ec89f418acf7','json')"
+      onclick="switchTab('64bc0007436f66ab16a8bb722007c3eb','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -476,13 +476,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---7">&lt;&gt; &lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="aad3773f59185523a008d2bc7be1331d">
+<div class="tab-panel" data-tab-group="a35bd638d436a07552b28c8a70b1dae4">
   <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"
-      onclick="switchTab('aad3773f59185523a008d2bc7be1331d','json')"
+      onclick="switchTab('a35bd638d436a07552b28c8a70b1dae4','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -634,20 +634,20 @@ lambda L: [] if L==[] else qsort([x for x in L[1:] if x&lt; L[0]]) + L[0:1] + qs
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -750,24 +750,24 @@ lambda L: [] if L==[] else qsort([x for x in L[1:] if x&lt; L[0]]) + L[0:1] + qs
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/code/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/code/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -781,11 +781,20 @@ lambda L: [] if L==[] else qsort([x for x in L[1:] if x&lt; L[0]]) + L[0:1] + qs
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -808,12 +817,12 @@ lambda L: [] if L==[] else qsort([x for x in L[1:] if x&lt; L[0]]) + L[0:1] + qs
           <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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.print.html b/tests/code/index.print.html
index 37191f0a02..41d112eaf9 100644
--- a/tests/code/index.print.html
+++ b/tests/code/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Some testing for different styles used in syntax highlighting and preformatted blocks">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +111,13 @@ Some preformatted stuff in HTML elements
 <h3 id="2-shortcodes">2 Shortcodes</h3>
 <h4 id="-">%% %%</h4>
 
-<div class="tab-panel" data-tab-group="63d2efe483a4de49ffac7d929b586682">
+<div class="tab-panel" data-tab-group="3d87ec84116b2cfa29880d858b987eb6">
   <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"
-      onclick="switchTab('63d2efe483a4de49ffac7d929b586682','json')"
+      onclick="switchTab('3d87ec84116b2cfa29880d858b987eb6','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -140,13 +140,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--1">%% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="cdcdc9da90fc41be70cc529be7c1cdf6">
+<div class="tab-panel" data-tab-group="01a05b0b6865c660b4c651a1f950fe04">
   <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"
-      onclick="switchTab('cdcdc9da90fc41be70cc529be7c1cdf6','json')"
+      onclick="switchTab('01a05b0b6865c660b4c651a1f950fe04','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -169,13 +169,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--2">&lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="39335b64cdd6efb43204afdd3fcc0bc0">
+<div class="tab-panel" data-tab-group="11fa7a1cb73746e2102133be097c3a7e">
   <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"
-      onclick="switchTab('39335b64cdd6efb43204afdd3fcc0bc0','json')"
+      onclick="switchTab('11fa7a1cb73746e2102133be097c3a7e','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -199,13 +199,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--3">&lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="c3e109b2826ede559f1857e20aac314e">
+<div class="tab-panel" data-tab-group="4da77918c9e9c2852b87d521157579fc">
   <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"
-      onclick="switchTab('c3e109b2826ede559f1857e20aac314e','json')"
+      onclick="switchTab('4da77918c9e9c2852b87d521157579fc','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -229,13 +229,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h3 id="3-shortcodes">3 Shortcodes</h3>
 <h4 id="--">%% %% %%</h4>
-<div class="tab-panel" data-tab-group="320c6e3b69d8aff4bfe7b18beb6c8254">
+<div class="tab-panel" data-tab-group="9d09f609eec971c6feb26e95280b398a">
   <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"
-      onclick="switchTab('320c6e3b69d8aff4bfe7b18beb6c8254','json')"
+      onclick="switchTab('9d09f609eec971c6feb26e95280b398a','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -256,13 +256,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---1">%% %% &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="cada6c3fe1bc727df01f939ca673bff4">
+<div class="tab-panel" data-tab-group="d8fc737f65035197996331a28741e86c">
   <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"
-      onclick="switchTab('cada6c3fe1bc727df01f939ca673bff4','json')"
+      onclick="switchTab('d8fc737f65035197996331a28741e86c','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -283,13 +283,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---2">%% &lt;&gt; %%</h4>
-<div class="tab-panel" data-tab-group="fdfe572f4d33d7319d553cb135b7cbb8">
+<div class="tab-panel" data-tab-group="5da13659cfee89e5d51f71e8ca097c57">
   <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"
-      onclick="switchTab('fdfe572f4d33d7319d553cb135b7cbb8','json')"
+      onclick="switchTab('5da13659cfee89e5d51f71e8ca097c57','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -310,13 +310,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---3">%% &lt;&gt; &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="1986e5de0942de8e1bd20bc52cdee8fa">
+<div class="tab-panel" data-tab-group="95c6bb3a8e19f49005433353e5c55370">
   <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"
-      onclick="switchTab('1986e5de0942de8e1bd20bc52cdee8fa','json')"
+      onclick="switchTab('95c6bb3a8e19f49005433353e5c55370','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -338,13 +338,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---4">&lt;&gt; %% %%</h4>
 
-<div class="tab-panel" data-tab-group="08010577cb80ff3af3f93d90b6783742">
+<div class="tab-panel" data-tab-group="b85a1d91f250f0edec08df8d1f7650af">
   <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"
-      onclick="switchTab('08010577cb80ff3af3f93d90b6783742','json')"
+      onclick="switchTab('b85a1d91f250f0edec08df8d1f7650af','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -367,13 +367,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---5">&lt;&gt; %% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="135bd6dcd71640628f0260878c28a201">
+<div class="tab-panel" data-tab-group="328d07c3e866a25ba57df63a97255302">
   <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"
-      onclick="switchTab('135bd6dcd71640628f0260878c28a201','json')"
+      onclick="switchTab('328d07c3e866a25ba57df63a97255302','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -396,13 +396,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---6">&lt;&gt; &lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="1967e8f27ecc4b700066ec89f418acf7">
+<div class="tab-panel" data-tab-group="64bc0007436f66ab16a8bb722007c3eb">
   <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"
-      onclick="switchTab('1967e8f27ecc4b700066ec89f418acf7','json')"
+      onclick="switchTab('64bc0007436f66ab16a8bb722007c3eb','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -426,13 +426,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---7">&lt;&gt; &lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="aad3773f59185523a008d2bc7be1331d">
+<div class="tab-panel" data-tab-group="a35bd638d436a07552b28c8a70b1dae4">
   <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"
-      onclick="switchTab('aad3773f59185523a008d2bc7be1331d','json')"
+      onclick="switchTab('a35bd638d436a07552b28c8a70b1dae4','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -515,8 +515,8 @@ lambda L: [] if L==[] else qsort([x for x in L[1:] if x&lt; L[0]]) + L[0:1] + qs
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/frontmatter/index.html b/tests/frontmatter/index.html
index aec5e04389..f488affe92 100644
--- a/tests/frontmatter/index.html
+++ b/tests/frontmatter/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test default settings for snippets of the VSCode Front Matter extension">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-2b34aa3b94879257de8286df7d4c2ae6" aria-controls="expandcontent-2b34aa3b94879257de8286df7d4c2ae6" >
-    <label class="expand-label" for="expand-2b34aa3b94879257de8286df7d4c2ae6" >
+    <input type="checkbox" id="expand-62e1570c6b5cc0be57ddd4830c7865f4" aria-controls="expandcontent-62e1570c6b5cc0be57ddd4830c7865f4" >
+    <label class="expand-label" for="expand-62e1570c6b5cc0be57ddd4830c7865f4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-2b34aa3b94879257de8286df7d4c2ae6" class="expand-content">
+    <div id="expandcontent-62e1570c6b5cc0be57ddd4830c7865f4" class="expand-content">
 <p>
 </div>
 </div>
@@ -146,18 +146,18 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-111d68643bc46eaed04f22d50a4937d9"
+    id="openapi-9dd9ef3c453155f9c930e18614a063c7"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="77fd92e23fa7d06aabd6458121f64c3b">
+<div class="tab-panel" data-tab-group="5a98dd4405ce72520aaff8e07179120f">
   <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('77fd92e23fa7d06aabd6458121f64c3b','')"
+      onclick="switchTab('5a98dd4405ce72520aaff8e07179120f','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -167,7 +167,7 @@
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('77fd92e23fa7d06aabd6458121f64c3b','')"
+      onclick="switchTab('5a98dd4405ce72520aaff8e07179120f','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -270,20 +270,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -386,24 +386,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/frontmatter/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/frontmatter/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -417,11 +417,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -444,12 +453,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -478,26 +487,26 @@
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1687453517"></script>
-    <script src="../../js/d3/d3-color.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453517" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453517" defer></script>
-    <script src="../../js/mermaid.min.js?1687453517" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1690400160"></script>
+    <script src="../../js/d3/d3-color.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400160" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400160" defer></script>
+    <script src="../../js/mermaid.min.js?1690400160" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1687453517" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1687453517" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1690400160" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1690400160" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1687453517", assetsBuster:  1687453517  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1690400160", assetsBuster:  1690400160  };
     </script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/frontmatter/index.print.html b/tests/frontmatter/index.print.html
index 5b9e83b830..34b83c04e2 100644
--- a/tests/frontmatter/index.print.html
+++ b/tests/frontmatter/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test default settings for snippets of the VSCode Front Matter extension">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-2b34aa3b94879257de8286df7d4c2ae6" aria-controls="expandcontent-2b34aa3b94879257de8286df7d4c2ae6" >
-    <label class="expand-label" for="expand-2b34aa3b94879257de8286df7d4c2ae6" >
+    <input type="checkbox" id="expand-62e1570c6b5cc0be57ddd4830c7865f4" aria-controls="expandcontent-62e1570c6b5cc0be57ddd4830c7865f4" >
+    <label class="expand-label" for="expand-62e1570c6b5cc0be57ddd4830c7865f4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-2b34aa3b94879257de8286df7d4c2ae6" class="expand-content">
+    <div id="expandcontent-62e1570c6b5cc0be57ddd4830c7865f4" class="expand-content">
 <p>
 </div>
 </div>
@@ -121,18 +121,18 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-111d68643bc46eaed04f22d50a4937d9"
+    id="openapi-9dd9ef3c453155f9c930e18614a063c7"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="77fd92e23fa7d06aabd6458121f64c3b">
+<div class="tab-panel" data-tab-group="5a98dd4405ce72520aaff8e07179120f">
   <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('77fd92e23fa7d06aabd6458121f64c3b','')"
+      onclick="switchTab('5a98dd4405ce72520aaff8e07179120f','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -142,7 +142,7 @@
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('77fd92e23fa7d06aabd6458121f64c3b','')"
+      onclick="switchTab('5a98dd4405ce72520aaff8e07179120f','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -176,8 +176,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -206,26 +206,26 @@
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="../../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../../js/mermaid.min.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1690400161"></script>
+    <script src="../../js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="../../js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1687453519" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1687453519" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1690400161" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1690400161" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1687453519", assetsBuster:  1687453519  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1690400161", assetsBuster:  1690400161  };
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.html b/tests/images/index.html
index edae383eff..ab3a0f0e0f 100644
--- a/tests/images/index.html
+++ b/tests/images/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Some testing for different styles of image links">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-4cdebc1d7dee1372139fbc69577431e5" class="lightbox-link">
+<a href="#image-55bf6b04d722e0f6a4072e547f86a602" 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-4cdebc1d7dee1372139fbc69577431e5">
+<a href="javascript:history.back();" class="lightbox" id="image-55bf6b04d722e0f6a4072e547f86a602">
 <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-bb920498fe96fe571b6885b7986fc9c8" class="lightbox-link">
+<a href="#image-b8ad2a6d8c5750772b315a2de9306127" 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-bb920498fe96fe571b6885b7986fc9c8">
+<a href="javascript:history.back();" class="lightbox" id="image-b8ad2a6d8c5750772b315a2de9306127">
 <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-14cadc43f8649effe66552c16b23ae4e" class="lightbox-link">
+<a href="#image-0eaa50e8dd7a7e1668150e9db284a8ea" 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-14cadc43f8649effe66552c16b23ae4e">
+<a href="javascript:history.back();" class="lightbox" id="image-0eaa50e8dd7a7e1668150e9db284a8ea">
 <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-32cc6c1185cd31c28eb99f3ab2402029" class="lightbox-link">
+<a href="#image-e665323ad4fda27770f06d22eeb0deb4" 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-32cc6c1185cd31c28eb99f3ab2402029">
+<a href="javascript:history.back();" class="lightbox" id="image-e665323ad4fda27770f06d22eeb0deb4">
 <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-80d874aa27192be2c8d5f328d4049131" class="lightbox-link">
+<a href="#image-bae6d030c5640d5abb6308a7c392c412" 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-80d874aa27192be2c8d5f328d4049131">
+<a href="javascript:history.back();" class="lightbox" id="image-bae6d030c5640d5abb6308a7c392c412">
 <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-aed380e69e8c643618628934dc07888a" class="lightbox-link">
+<a href="#image-e976270094a0ac95675d56bfb4ad175c" 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-aed380e69e8c643618628934dc07888a">
+<a href="javascript:history.back();" class="lightbox" id="image-e976270094a0ac95675d56bfb4ad175c">
 <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-e31c48570a0488081c28141b6647a783" class="lightbox-link">
+<a href="#image-37062a5e5f8b6d9e1b98a1a695741230" 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-e31c48570a0488081c28141b6647a783">
+<a href="javascript:history.back();" class="lightbox" id="image-37062a5e5f8b6d9e1b98a1a695741230">
 <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>
@@ -277,20 +277,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -393,24 +393,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/images/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/images/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -424,11 +424,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -451,12 +460,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.print.html b/tests/images/index.print.html
index e0e4f1a2b9..d782def0ba 100644
--- a/tests/images/index.print.html
+++ b/tests/images/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Some testing for different styles of image links">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-4cdebc1d7dee1372139fbc69577431e5" class="lightbox-link">
+<a href="#image-55bf6b04d722e0f6a4072e547f86a602" 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-4cdebc1d7dee1372139fbc69577431e5">
+<a href="javascript:history.back();" class="lightbox" id="image-55bf6b04d722e0f6a4072e547f86a602">
 <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-bb920498fe96fe571b6885b7986fc9c8" class="lightbox-link">
+<a href="#image-b8ad2a6d8c5750772b315a2de9306127" 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-bb920498fe96fe571b6885b7986fc9c8">
+<a href="javascript:history.back();" class="lightbox" id="image-b8ad2a6d8c5750772b315a2de9306127">
 <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-14cadc43f8649effe66552c16b23ae4e" class="lightbox-link">
+<a href="#image-0eaa50e8dd7a7e1668150e9db284a8ea" 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-14cadc43f8649effe66552c16b23ae4e">
+<a href="javascript:history.back();" class="lightbox" id="image-0eaa50e8dd7a7e1668150e9db284a8ea">
 <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-32cc6c1185cd31c28eb99f3ab2402029" class="lightbox-link">
+<a href="#image-e665323ad4fda27770f06d22eeb0deb4" 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-32cc6c1185cd31c28eb99f3ab2402029">
+<a href="javascript:history.back();" class="lightbox" id="image-e665323ad4fda27770f06d22eeb0deb4">
 <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-80d874aa27192be2c8d5f328d4049131" class="lightbox-link">
+<a href="#image-bae6d030c5640d5abb6308a7c392c412" 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-80d874aa27192be2c8d5f328d4049131">
+<a href="javascript:history.back();" class="lightbox" id="image-bae6d030c5640d5abb6308a7c392c412">
 <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-aed380e69e8c643618628934dc07888a" class="lightbox-link">
+<a href="#image-e976270094a0ac95675d56bfb4ad175c" 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-aed380e69e8c643618628934dc07888a">
+<a href="javascript:history.back();" class="lightbox" id="image-e976270094a0ac95675d56bfb4ad175c">
 <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-e31c48570a0488081c28141b6647a783" class="lightbox-link">
+<a href="#image-37062a5e5f8b6d9e1b98a1a695741230" 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-e31c48570a0488081c28141b6647a783">
+<a href="javascript:history.back();" class="lightbox" id="image-37062a5e5f8b6d9e1b98a1a695741230">
 <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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index 08663e0cc0..4e79048ea4 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../js/url.js?1687453517"></script>
-    <script src="../js/variant.js?1687453517"></script>
+    <link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../js/url.js?1690400159"></script>
+    <script src="../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +181,20 @@
           </a>
         </div>
         <form action="../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../js/search.js?1687453519" defer></script>
+        <script src="../js/auto-complete.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -297,24 +297,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -328,11 +328,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -355,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?1687453519"></script>
+          <script async src="../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/index.print.html b/tests/index.print.html
index 547e2d758a..f633e25cbb 100644
--- a/tests/index.print.html
+++ b/tests/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../js/url.js?1687453519"></script>
-    <script src="../js/variant.js?1687453519"></script>
+    <link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../js/url.js?1690400161"></script>
+    <script src="../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -558,13 +558,13 @@ Some preformatted stuff in HTML elements
 <h3 id="2-shortcodes">2 Shortcodes</h3>
 <h4 id="-">%% %%</h4>
 
-<div class="tab-panel" data-tab-group="63d2efe483a4de49ffac7d929b586682">
+<div class="tab-panel" data-tab-group="3d87ec84116b2cfa29880d858b987eb6">
   <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"
-      onclick="switchTab('63d2efe483a4de49ffac7d929b586682','json')"
+      onclick="switchTab('3d87ec84116b2cfa29880d858b987eb6','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -587,13 +587,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--1">%% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="cdcdc9da90fc41be70cc529be7c1cdf6">
+<div class="tab-panel" data-tab-group="01a05b0b6865c660b4c651a1f950fe04">
   <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"
-      onclick="switchTab('cdcdc9da90fc41be70cc529be7c1cdf6','json')"
+      onclick="switchTab('01a05b0b6865c660b4c651a1f950fe04','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -616,13 +616,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--2">&lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="39335b64cdd6efb43204afdd3fcc0bc0">
+<div class="tab-panel" data-tab-group="11fa7a1cb73746e2102133be097c3a7e">
   <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"
-      onclick="switchTab('39335b64cdd6efb43204afdd3fcc0bc0','json')"
+      onclick="switchTab('11fa7a1cb73746e2102133be097c3a7e','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -646,13 +646,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="--3">&lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="c3e109b2826ede559f1857e20aac314e">
+<div class="tab-panel" data-tab-group="4da77918c9e9c2852b87d521157579fc">
   <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"
-      onclick="switchTab('c3e109b2826ede559f1857e20aac314e','json')"
+      onclick="switchTab('4da77918c9e9c2852b87d521157579fc','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -676,13 +676,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h3 id="3-shortcodes">3 Shortcodes</h3>
 <h4 id="--">%% %% %%</h4>
-<div class="tab-panel" data-tab-group="320c6e3b69d8aff4bfe7b18beb6c8254">
+<div class="tab-panel" data-tab-group="9d09f609eec971c6feb26e95280b398a">
   <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"
-      onclick="switchTab('320c6e3b69d8aff4bfe7b18beb6c8254','json')"
+      onclick="switchTab('9d09f609eec971c6feb26e95280b398a','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -703,13 +703,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---1">%% %% &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="cada6c3fe1bc727df01f939ca673bff4">
+<div class="tab-panel" data-tab-group="d8fc737f65035197996331a28741e86c">
   <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"
-      onclick="switchTab('cada6c3fe1bc727df01f939ca673bff4','json')"
+      onclick="switchTab('d8fc737f65035197996331a28741e86c','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -730,13 +730,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---2">%% &lt;&gt; %%</h4>
-<div class="tab-panel" data-tab-group="fdfe572f4d33d7319d553cb135b7cbb8">
+<div class="tab-panel" data-tab-group="5da13659cfee89e5d51f71e8ca097c57">
   <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"
-      onclick="switchTab('fdfe572f4d33d7319d553cb135b7cbb8','json')"
+      onclick="switchTab('5da13659cfee89e5d51f71e8ca097c57','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -757,13 +757,13 @@ Some preformatted stuff in HTML elements
   </div>
 </div>
 <h4 id="---3">%% &lt;&gt; &lt;&gt;</h4>
-<div class="tab-panel" data-tab-group="1986e5de0942de8e1bd20bc52cdee8fa">
+<div class="tab-panel" data-tab-group="95c6bb3a8e19f49005433353e5c55370">
   <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"
-      onclick="switchTab('1986e5de0942de8e1bd20bc52cdee8fa','json')"
+      onclick="switchTab('95c6bb3a8e19f49005433353e5c55370','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -785,13 +785,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---4">&lt;&gt; %% %%</h4>
 
-<div class="tab-panel" data-tab-group="08010577cb80ff3af3f93d90b6783742">
+<div class="tab-panel" data-tab-group="b85a1d91f250f0edec08df8d1f7650af">
   <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"
-      onclick="switchTab('08010577cb80ff3af3f93d90b6783742','json')"
+      onclick="switchTab('b85a1d91f250f0edec08df8d1f7650af','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -814,13 +814,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---5">&lt;&gt; %% &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="135bd6dcd71640628f0260878c28a201">
+<div class="tab-panel" data-tab-group="328d07c3e866a25ba57df63a97255302">
   <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"
-      onclick="switchTab('135bd6dcd71640628f0260878c28a201','json')"
+      onclick="switchTab('328d07c3e866a25ba57df63a97255302','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -843,13 +843,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---6">&lt;&gt; &lt;&gt; %%</h4>
 
-<div class="tab-panel" data-tab-group="1967e8f27ecc4b700066ec89f418acf7">
+<div class="tab-panel" data-tab-group="64bc0007436f66ab16a8bb722007c3eb">
   <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"
-      onclick="switchTab('1967e8f27ecc4b700066ec89f418acf7','json')"
+      onclick="switchTab('64bc0007436f66ab16a8bb722007c3eb','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -873,13 +873,13 @@ Some preformatted stuff in HTML elements
 </div>
 <h4 id="---7">&lt;&gt; &lt;&gt; &lt;&gt;</h4>
 
-<div class="tab-panel" data-tab-group="aad3773f59185523a008d2bc7be1331d">
+<div class="tab-panel" data-tab-group="a35bd638d436a07552b28c8a70b1dae4">
   <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"
-      onclick="switchTab('aad3773f59185523a008d2bc7be1331d','json')"
+      onclick="switchTab('a35bd638d436a07552b28c8a70b1dae4','json')"
     >
       <div>
         <div class="tab-nav-hidden">json</div>
@@ -968,63 +968,63 @@ lambda L: [] if L==[] else qsort([x for x in L[1:] if x&lt; L[0]]) + L[0:1] + qs
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-4cdebc1d7dee1372139fbc69577431e5" class="lightbox-link">
+<a href="#image-55bf6b04d722e0f6a4072e547f86a602" 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-4cdebc1d7dee1372139fbc69577431e5">
+<a href="javascript:history.back();" class="lightbox" id="image-55bf6b04d722e0f6a4072e547f86a602">
 <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-bb920498fe96fe571b6885b7986fc9c8" class="lightbox-link">
+<a href="#image-b8ad2a6d8c5750772b315a2de9306127" 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-bb920498fe96fe571b6885b7986fc9c8">
+<a href="javascript:history.back();" class="lightbox" id="image-b8ad2a6d8c5750772b315a2de9306127">
 <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-14cadc43f8649effe66552c16b23ae4e" class="lightbox-link">
+<a href="#image-0eaa50e8dd7a7e1668150e9db284a8ea" 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-14cadc43f8649effe66552c16b23ae4e">
+<a href="javascript:history.back();" class="lightbox" id="image-0eaa50e8dd7a7e1668150e9db284a8ea">
 <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-32cc6c1185cd31c28eb99f3ab2402029" class="lightbox-link">
+<a href="#image-e665323ad4fda27770f06d22eeb0deb4" 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-32cc6c1185cd31c28eb99f3ab2402029">
+<a href="javascript:history.back();" class="lightbox" id="image-e665323ad4fda27770f06d22eeb0deb4">
 <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-80d874aa27192be2c8d5f328d4049131" class="lightbox-link">
+<a href="#image-bae6d030c5640d5abb6308a7c392c412" 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-80d874aa27192be2c8d5f328d4049131">
+<a href="javascript:history.back();" class="lightbox" id="image-bae6d030c5640d5abb6308a7c392c412">
 <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-aed380e69e8c643618628934dc07888a" class="lightbox-link">
+<a href="#image-e976270094a0ac95675d56bfb4ad175c" 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-aed380e69e8c643618628934dc07888a">
+<a href="javascript:history.back();" class="lightbox" id="image-e976270094a0ac95675d56bfb4ad175c">
 <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-e31c48570a0488081c28141b6647a783" class="lightbox-link">
+<a href="#image-37062a5e5f8b6d9e1b98a1a695741230" 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-e31c48570a0488081c28141b6647a783">
+<a href="javascript:history.back();" class="lightbox" id="image-37062a5e5f8b6d9e1b98a1a695741230">
 <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>
@@ -1172,25 +1172,25 @@ lambda L: [] if L==[] else qsort([x for x in L[1:] if x&lt; L[0]]) + L[0:1] + qs
 <li>
 
 <div class="expand">
-    <input type="checkbox" id="expand-0dddaeeb24202fb2ee7546915f66b7fa" aria-controls="expandcontent-0dddaeeb24202fb2ee7546915f66b7fa" >
-    <label class="expand-label" for="expand-0dddaeeb24202fb2ee7546915f66b7fa" >
+    <input type="checkbox" id="expand-d43d0bbc9e5ff0b3ede32a9826b87814" aria-controls="expandcontent-d43d0bbc9e5ff0b3ede32a9826b87814" >
+    <label class="expand-label" for="expand-d43d0bbc9e5ff0b3ede32a9826b87814" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-0dddaeeb24202fb2ee7546915f66b7fa" class="expand-content">
+    <div id="expandcontent-d43d0bbc9e5ff0b3ede32a9826b87814" class="expand-content">
 <p>
 Thank you!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-627fe5d67dee9aa2f90d071400b67ce8" aria-controls="expandcontent-627fe5d67dee9aa2f90d071400b67ce8" >
-    <label class="expand-label" for="expand-627fe5d67dee9aa2f90d071400b67ce8" >
+    <input type="checkbox" id="expand-ec4177579019f3d73201c2dd617f7324" aria-controls="expandcontent-ec4177579019f3d73201c2dd617f7324" >
+    <label class="expand-label" for="expand-ec4177579019f3d73201c2dd617f7324" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-627fe5d67dee9aa2f90d071400b67ce8" class="expand-content">
+    <div id="expandcontent-ec4177579019f3d73201c2dd617f7324" class="expand-content">
 <p>
 Thank you!</div>
 </div>
@@ -1350,13 +1350,13 @@ Thank you!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="fa3b730c3db6532a41329c389cb240a3">
+<div class="tab-panel" data-tab-group="fd93d6aa20540337f6fad9660df7bc4a">
   <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('fa3b730c3db6532a41329c389cb240a3','python')"
+      onclick="switchTab('fd93d6aa20540337f6fad9660df7bc4a','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1366,7 +1366,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fa3b730c3db6532a41329c389cb240a3','bash')"
+      onclick="switchTab('fd93d6aa20540337f6fad9660df7bc4a','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1392,13 +1392,13 @@ Thank you!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="97d92c23bb8e2a07ba27caf6c2fcda4a">
+<div class="tab-panel" data-tab-group="9adec2bce400e2ee51dfe43117d2f46f">
   <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('97d92c23bb8e2a07ba27caf6c2fcda4a','python')"
+      onclick="switchTab('9adec2bce400e2ee51dfe43117d2f46f','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1408,7 +1408,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97d92c23bb8e2a07ba27caf6c2fcda4a','bash')"
+      onclick="switchTab('9adec2bce400e2ee51dfe43117d2f46f','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1667,10 +1667,10 @@ Thank you!</div>
 <tr>
 <td>
 		
-<a href="#image-bc53edc30600c2e1a410211961577488" class="lightbox-link">
+<a href="#image-f2696cf4b8b0205efb5939c3cd801cb0" 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-bc53edc30600c2e1a410211961577488">
+<a href="javascript:history.back();" class="lightbox" id="image-f2696cf4b8b0205efb5939c3cd801cb0">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -1753,13 +1753,13 @@ Thank you!</div>
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-a4c13d43ebf1ca1a4f6bbce46446162d" aria-controls="expandcontent-a4c13d43ebf1ca1a4f6bbce46446162d" >
-    <label class="expand-label" for="expand-a4c13d43ebf1ca1a4f6bbce46446162d" >
+    <input type="checkbox" id="expand-d59c68764ca21f22221b4994c15ffe1a" aria-controls="expandcontent-d59c68764ca21f22221b4994c15ffe1a" >
+    <label class="expand-label" for="expand-d59c68764ca21f22221b4994c15ffe1a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a4c13d43ebf1ca1a4f6bbce46446162d" class="expand-content">
+    <div id="expandcontent-d59c68764ca21f22221b4994c15ffe1a" class="expand-content">
 <p>
 Thank you!</div>
 </div></td>
@@ -1868,13 +1868,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="9e7701795b8397bf64091f0d73ed8071">
+<div class="tab-panel" data-tab-group="afa3a381a02716a79c9ac93cc92505c0">
   <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('9e7701795b8397bf64091f0d73ed8071','python')"
+      onclick="switchTab('afa3a381a02716a79c9ac93cc92505c0','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1884,7 +1884,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('9e7701795b8397bf64091f0d73ed8071','bash')"
+      onclick="switchTab('afa3a381a02716a79c9ac93cc92505c0','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1951,13 +1951,13 @@ graph LR;
 </ul>
 
 <div class="expand">
-    <input type="checkbox" id="expand-2b34aa3b94879257de8286df7d4c2ae6" aria-controls="expandcontent-2b34aa3b94879257de8286df7d4c2ae6" >
-    <label class="expand-label" for="expand-2b34aa3b94879257de8286df7d4c2ae6" >
+    <input type="checkbox" id="expand-62e1570c6b5cc0be57ddd4830c7865f4" aria-controls="expandcontent-62e1570c6b5cc0be57ddd4830c7865f4" >
+    <label class="expand-label" for="expand-62e1570c6b5cc0be57ddd4830c7865f4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-2b34aa3b94879257de8286df7d4c2ae6" class="expand-content">
+    <div id="expandcontent-62e1570c6b5cc0be57ddd4830c7865f4" class="expand-content">
 <p>
 </div>
 </div>
@@ -1977,18 +1977,18 @@ graph LR;
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-111d68643bc46eaed04f22d50a4937d9"
+    id="openapi-9dd9ef3c453155f9c930e18614a063c7"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="77fd92e23fa7d06aabd6458121f64c3b">
+<div class="tab-panel" data-tab-group="5a98dd4405ce72520aaff8e07179120f">
   <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('77fd92e23fa7d06aabd6458121f64c3b','')"
+      onclick="switchTab('5a98dd4405ce72520aaff8e07179120f','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -1998,7 +1998,7 @@ graph LR;
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('77fd92e23fa7d06aabd6458121f64c3b','')"
+      onclick="switchTab('5a98dd4405ce72520aaff8e07179120f','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -2060,8 +2060,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -2090,26 +2090,26 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../js/mermaid.min.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1690400161"></script>
+    <script src="../js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="../js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1687453519" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1687453519" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1690400161" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1690400161" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1687453519", assetsBuster:  1687453519  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1690400161", assetsBuster:  1690400161  };
     </script>
-    <script src="../js/theme.js?1687453519" defer></script>
+    <script src="../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/lists/index.html b/tests/lists/index.html
index 8f6ff16ab4..e1be7cb13a 100644
--- a/tests/lists/index.html
+++ b/tests/lists/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test shortcodes inside of list items">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-0dddaeeb24202fb2ee7546915f66b7fa" aria-controls="expandcontent-0dddaeeb24202fb2ee7546915f66b7fa" >
-    <label class="expand-label" for="expand-0dddaeeb24202fb2ee7546915f66b7fa" >
+    <input type="checkbox" id="expand-d43d0bbc9e5ff0b3ede32a9826b87814" aria-controls="expandcontent-d43d0bbc9e5ff0b3ede32a9826b87814" >
+    <label class="expand-label" for="expand-d43d0bbc9e5ff0b3ede32a9826b87814" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-0dddaeeb24202fb2ee7546915f66b7fa" class="expand-content">
+    <div id="expandcontent-d43d0bbc9e5ff0b3ede32a9826b87814" class="expand-content">
 <p>
 Thank you!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-627fe5d67dee9aa2f90d071400b67ce8" aria-controls="expandcontent-627fe5d67dee9aa2f90d071400b67ce8" >
-    <label class="expand-label" for="expand-627fe5d67dee9aa2f90d071400b67ce8" >
+    <input type="checkbox" id="expand-ec4177579019f3d73201c2dd617f7324" aria-controls="expandcontent-ec4177579019f3d73201c2dd617f7324" >
+    <label class="expand-label" for="expand-ec4177579019f3d73201c2dd617f7324" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-627fe5d67dee9aa2f90d071400b67ce8" class="expand-content">
+    <div id="expandcontent-ec4177579019f3d73201c2dd617f7324" class="expand-content">
 <p>
 Thank you!</div>
 </div>
@@ -409,13 +409,13 @@ Thank you!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="fa3b730c3db6532a41329c389cb240a3">
+<div class="tab-panel" data-tab-group="fd93d6aa20540337f6fad9660df7bc4a">
   <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('fa3b730c3db6532a41329c389cb240a3','python')"
+      onclick="switchTab('fd93d6aa20540337f6fad9660df7bc4a','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -425,7 +425,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fa3b730c3db6532a41329c389cb240a3','bash')"
+      onclick="switchTab('fd93d6aa20540337f6fad9660df7bc4a','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -451,13 +451,13 @@ Thank you!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="97d92c23bb8e2a07ba27caf6c2fcda4a">
+<div class="tab-panel" data-tab-group="9adec2bce400e2ee51dfe43117d2f46f">
   <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('97d92c23bb8e2a07ba27caf6c2fcda4a','python')"
+      onclick="switchTab('9adec2bce400e2ee51dfe43117d2f46f','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -467,7 +467,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97d92c23bb8e2a07ba27caf6c2fcda4a','bash')"
+      onclick="switchTab('9adec2bce400e2ee51dfe43117d2f46f','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -583,20 +583,20 @@ Thank you!</div>
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -699,24 +699,24 @@ Thank you!</div>
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/lists/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/lists/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -730,11 +730,20 @@ Thank you!</div>
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -757,12 +766,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -791,20 +800,20 @@ Thank you!</div>
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="../../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../../js/mermaid.min.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1690400161"></script>
+    <script src="../../js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="../../js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/lists/index.print.html b/tests/lists/index.print.html
index 9d7e640abc..625828c4d8 100644
--- a/tests/lists/index.print.html
+++ b/tests/lists/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test shortcodes inside of list items">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-0dddaeeb24202fb2ee7546915f66b7fa" aria-controls="expandcontent-0dddaeeb24202fb2ee7546915f66b7fa" >
-    <label class="expand-label" for="expand-0dddaeeb24202fb2ee7546915f66b7fa" >
+    <input type="checkbox" id="expand-d43d0bbc9e5ff0b3ede32a9826b87814" aria-controls="expandcontent-d43d0bbc9e5ff0b3ede32a9826b87814" >
+    <label class="expand-label" for="expand-d43d0bbc9e5ff0b3ede32a9826b87814" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-0dddaeeb24202fb2ee7546915f66b7fa" class="expand-content">
+    <div id="expandcontent-d43d0bbc9e5ff0b3ede32a9826b87814" class="expand-content">
 <p>
 Thank you!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-627fe5d67dee9aa2f90d071400b67ce8" aria-controls="expandcontent-627fe5d67dee9aa2f90d071400b67ce8" >
-    <label class="expand-label" for="expand-627fe5d67dee9aa2f90d071400b67ce8" >
+    <input type="checkbox" id="expand-ec4177579019f3d73201c2dd617f7324" aria-controls="expandcontent-ec4177579019f3d73201c2dd617f7324" >
+    <label class="expand-label" for="expand-ec4177579019f3d73201c2dd617f7324" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-627fe5d67dee9aa2f90d071400b67ce8" class="expand-content">
+    <div id="expandcontent-ec4177579019f3d73201c2dd617f7324" class="expand-content">
 <p>
 Thank you!</div>
 </div>
@@ -372,13 +372,13 @@ Thank you!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="fa3b730c3db6532a41329c389cb240a3">
+<div class="tab-panel" data-tab-group="fd93d6aa20540337f6fad9660df7bc4a">
   <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('fa3b730c3db6532a41329c389cb240a3','python')"
+      onclick="switchTab('fd93d6aa20540337f6fad9660df7bc4a','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -388,7 +388,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fa3b730c3db6532a41329c389cb240a3','bash')"
+      onclick="switchTab('fd93d6aa20540337f6fad9660df7bc4a','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -414,13 +414,13 @@ Thank you!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="97d92c23bb8e2a07ba27caf6c2fcda4a">
+<div class="tab-panel" data-tab-group="9adec2bce400e2ee51dfe43117d2f46f">
   <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('97d92c23bb8e2a07ba27caf6c2fcda4a','python')"
+      onclick="switchTab('9adec2bce400e2ee51dfe43117d2f46f','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -430,7 +430,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('97d92c23bb8e2a07ba27caf6c2fcda4a','bash')"
+      onclick="switchTab('9adec2bce400e2ee51dfe43117d2f46f','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -477,8 +477,8 @@ Thank you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400162" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -507,20 +507,20 @@ Thank you!</div>
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="../../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../../js/mermaid.min.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1690400162"></script>
+    <script src="../../js/d3/d3-color.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400162" defer></script>
+    <script src="../../js/mermaid.min.js?1690400162" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/tests/tables/index.html b/tests/tables/index.html
index 70947e0171..3185b05980 100644
--- a/tests/tables/index.html
+++ b/tests/tables/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Testing different markdown constructs inside of tables">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-bc53edc30600c2e1a410211961577488" class="lightbox-link">
+<a href="#image-f2696cf4b8b0205efb5939c3cd801cb0" 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-bc53edc30600c2e1a410211961577488">
+<a href="javascript:history.back();" class="lightbox" id="image-f2696cf4b8b0205efb5939c3cd801cb0">
 <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-a4c13d43ebf1ca1a4f6bbce46446162d" aria-controls="expandcontent-a4c13d43ebf1ca1a4f6bbce46446162d" >
-    <label class="expand-label" for="expand-a4c13d43ebf1ca1a4f6bbce46446162d" >
+    <input type="checkbox" id="expand-d59c68764ca21f22221b4994c15ffe1a" aria-controls="expandcontent-d59c68764ca21f22221b4994c15ffe1a" >
+    <label class="expand-label" for="expand-d59c68764ca21f22221b4994c15ffe1a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a4c13d43ebf1ca1a4f6bbce46446162d" class="expand-content">
+    <div id="expandcontent-d59c68764ca21f22221b4994c15ffe1a" class="expand-content">
 <p>
 Thank you!</div>
 </div></td>
@@ -517,13 +517,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="9e7701795b8397bf64091f0d73ed8071">
+<div class="tab-panel" data-tab-group="afa3a381a02716a79c9ac93cc92505c0">
   <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('9e7701795b8397bf64091f0d73ed8071','python')"
+      onclick="switchTab('afa3a381a02716a79c9ac93cc92505c0','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -533,7 +533,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('9e7701795b8397bf64091f0d73ed8071','bash')"
+      onclick="switchTab('afa3a381a02716a79c9ac93cc92505c0','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -647,20 +647,20 @@ graph LR;
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453519" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453519" defer></script>
-        <script src="../../js/search.js?1687453519" defer></script>
+        <script src="../../js/auto-complete.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400161" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400161" defer></script>
+        <script src="../../js/search.js?1690400161" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -763,24 +763,24 @@ graph LR;
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/tables/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/tables/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -794,11 +794,20 @@ graph LR;
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -821,12 +830,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?1687453519"></script>
+          <script async src="../../js/buttons.js?1690400161"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -855,20 +864,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="../../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../../js/mermaid.min.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1690400161"></script>
+    <script src="../../js/d3/d3-color.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400161" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400161" defer></script>
+    <script src="../../js/mermaid.min.js?1690400161" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>
diff --git a/tests/tables/index.print.html b/tests/tables/index.print.html
index 44e97373db..82d068351f 100644
--- a/tests/tables/index.print.html
+++ b/tests/tables/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Testing different markdown constructs inside of tables">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-bc53edc30600c2e1a410211961577488" class="lightbox-link">
+<a href="#image-f2696cf4b8b0205efb5939c3cd801cb0" 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-bc53edc30600c2e1a410211961577488">
+<a href="javascript:history.back();" class="lightbox" id="image-f2696cf4b8b0205efb5939c3cd801cb0">
 <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-a4c13d43ebf1ca1a4f6bbce46446162d" aria-controls="expandcontent-a4c13d43ebf1ca1a4f6bbce46446162d" >
-    <label class="expand-label" for="expand-a4c13d43ebf1ca1a4f6bbce46446162d" >
+    <input type="checkbox" id="expand-d59c68764ca21f22221b4994c15ffe1a" aria-controls="expandcontent-d59c68764ca21f22221b4994c15ffe1a" >
+    <label class="expand-label" for="expand-d59c68764ca21f22221b4994c15ffe1a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a4c13d43ebf1ca1a4f6bbce46446162d" class="expand-content">
+    <div id="expandcontent-d59c68764ca21f22221b4994c15ffe1a" class="expand-content">
 <p>
 Thank you!</div>
 </div></td>
@@ -486,13 +486,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="9e7701795b8397bf64091f0d73ed8071">
+<div class="tab-panel" data-tab-group="afa3a381a02716a79c9ac93cc92505c0">
   <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('9e7701795b8397bf64091f0d73ed8071','python')"
+      onclick="switchTab('afa3a381a02716a79c9ac93cc92505c0','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -502,7 +502,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('9e7701795b8397bf64091f0d73ed8071','bash')"
+      onclick="switchTab('afa3a381a02716a79c9ac93cc92505c0','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -547,8 +547,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400162" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400162" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -577,20 +577,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1687453519"></script>
-    <script src="../../js/d3/d3-color.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1687453519" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1687453519" defer></script>
-    <script src="../../js/mermaid.min.js?1687453519" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1690400162"></script>
+    <script src="../../js/d3/d3-color.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1690400162" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1690400162" defer></script>
+    <script src="../../js/mermaid.min.js?1690400162" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/theme.js?1690400162" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.html b/tests/width/index.html
index e7f60446ff..423af919dc 100644
--- a/tests/width/index.html
+++ b/tests/width/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test dynamic width resizing of content if scrollbar is present">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453517" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453517" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453517" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453517" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453517" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453517" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453517" rel="stylesheet">
-    <link href="../../css/print.css?1687453517" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1687453517" rel="stylesheet">
-    <script src="../../js/url.js?1687453517"></script>
-    <script src="../../js/variant.js?1687453517"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400159" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400159" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400159" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400159" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400159" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400159" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400159" rel="stylesheet">
+    <link href="../../css/print.css?1690400159" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1690400159" rel="stylesheet">
+    <script src="../../js/url.js?1690400159"></script>
+    <script src="../../js/variant.js?1690400159"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +184,20 @@
           </a>
         </div>
         <form action="../../search.html" method="get"><div class="searchbox default-animation">
-          <button type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
+          <button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
           <label class="a11y-only" for="search-by">Search</label>
           <input data-search-input id="search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
+          <button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
         </div></form>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1687453517" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1687453517" defer></script>
-        <script src="../../js/search.js?1687453517" defer></script>
+        <script src="../../js/auto-complete.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1690400160" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1690400160" defer></script>
+        <script src="../../js/search.js?1690400160" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -300,24 +300,24 @@
         <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
           <ul>
             <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-language fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-language">Language</label>
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     <option lang="en" id="en" value="/tests/width/index.html" selected>English</option>
                     <option lang="pir" id="pir" value="/pir/tests/width/index.html">Arrr! ☠ Pirrrates ☠</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
             </li>
             <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <div class="padding select-container">
+              <div class="padding menu-control">
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
-                <div class="select-style">
+                <div class="control-style">
                   <label class="a11y-only" for="select-variant">Theme</label>
                   <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="auto" value="auto" selected>Auto</option>
@@ -331,11 +331,20 @@
                     <option id="red" value="red">Red</option>
                   </select>
                 </div>
-                <div class="select-clear"></div>
+                <div class="clear"></div>
               </div>
               <script>window.variants && variants.markSelectedVariant();</script>
             </li>
-            <li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i><span>&nbsp;</span>Clear History</button></li>
+            <li class="footerVisitedLinks showVisitedLinks">
+              <div class="padding menu-control">
+                <i class="fas fa-history fa-fw"></i>
+                <span>&nbsp;</span>
+                <div class="control-style">
+                  <button onclick="clearHistory();">Clear History</button>
+                </div>
+                <div class="clear"></div>
+              </div>
+            </li>
           </ul>
         </div>
         <div id="footer" class="footerFooter showFooter">
@@ -358,12 +367,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?1687453517"></script>
+          <script async src="../../js/buttons.js?1690400160"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1687453517" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453517" defer></script>
-    <script src="../../js/theme.js?1687453517" defer></script>
+    <script src="../../js/clipboard.min.js?1690400160" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400160" defer></script>
+    <script src="../../js/theme.js?1690400160" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.print.html b/tests/width/index.print.html
index 49e6981e37..8999081faf 100644
--- a/tests/width/index.print.html
+++ b/tests/width/index.print.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.114.0">
+    <meta name="generator" content="Hugo 0.115.4">
     <meta name="generator" content="Relearn 5.17.1+tip">
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Test dynamic width resizing of content if scrollbar is present">
@@ -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?1687453517" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1690400159" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1687453519" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
-    <link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1687453519" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1687453519" rel="stylesheet">
-    <link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1687453519" rel="stylesheet">
-    <link href="../../css/ie.css?1687453519" rel="stylesheet">
-    <script src="../../js/url.js?1687453519"></script>
-    <script src="../../js/variant.js?1687453519"></script>
+    <link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1690400161" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1690400161" rel="stylesheet">
+    <link href="../../css/fonts.css?1690400161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1690400161" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1690400161" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1690400161" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1690400161" rel="stylesheet">
+    <link href="../../css/print.css?1690400161" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1690400161" rel="stylesheet">
+    <link href="../../css/ie.css?1690400161" rel="stylesheet">
+    <script src="../../js/url.js?1690400161"></script>
+    <script src="../../js/variant.js?1690400161"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1687453519" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
-    <script src="../../js/theme.js?1687453519" defer></script>
+    <script src="../../js/clipboard.min.js?1690400161" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1690400161" defer></script>
+    <script src="../../js/theme.js?1690400161" defer></script>
   </body>
 </html>